확장하려면 ng-repeat-start (ngAnimate)를 사용하여 테이블 행을 추적 할 수 없습니다.

Question

확장 된 행을 추적하고 해당 양식을 도시 및 작업 세부 정보로 저장하려면 문제가 확장되는 특정 행을 클릭하는 중입니다. 양식하지만 난

var app = angular.module('app', ['ngAnimate']); 

app.controller('itemsController', function($scope) { 

$scope.divisions = [{id:12, div_name:' city1'}, 
         {id:13, div_name:' city2'}, 
         {id:14, div_name:' city3'}]; 

$scope.works  =[{wid:111, w_name:'work1'}, 
        {wid:222, w_name:'work2'}, 
        {wid:333, w_name:'work3'}]; 
}); 

HTML ... 그 행을 추적 할 수 없습니다

<div ng-controller="itemsController" class="box"> 

<table border="1"> 
    <tbody ng-repeat-start="division in divisions"> 
     <td> 
      {{division.div_name}} 
      <em>{{expanded}}</em> 
     </td> 
     <td>Values: {{divisions.length}}</td> 
     <td> 
      <button type="button" ng-click="expanded = !expanded"> 
       Expand 
      </button> 
     </td> 
    </tbody> 
    <tbody ng-repeat-end ng-show="expanded"> 
     <td colspan="3"> 

      <select ng-model="result.division.tt"> 
       <option value='01'>tt1..........</option> 
       <option value='02'>tt2..........</option> 
      </select><br/><br/> 
       <ul ng-repeat="work in works"> 
        {{work.w_name}} <input type=text />         
       </ul><br/><br/> 
       <button ng-click="save()">save</button> 
     </td> 
    </tbody> 
</table>{{result |json}} 

링크 - http://jsfiddle.net/raju10281/eqk6attx/18/

,

미리 감사드립니다 !!!

Answer 1

시도해보십시오. solution. 각 ng-repeat에 대해 객체 (ng-init='data={}')를 생성해야합니다. 그것은 각 양식의 콘텐츠를 제공합니다, 당신은 적절한 division와 컨트롤러 (ng-click="save(division, data)") 내에서 사용할 수 있습니다 :

<tbody ng-repeat-end ng-show="expanded" ng-init='data={id:division.id,div_name:division.div_name,works:[]}'> 
    <td colspan="3"> 

     <select ng-model="data.tt"> 
      <option value='01'>tt1..........</option> 
      <option value='02'>tt2..........</option> 
     </select><br/><br/> 
      <ul ng-repeat="work in works" ng-init='data.works[$index]={wid:work.wid,w_name:work.w_name}'> 
       {{work.w_name}} <input type=text ng-model='data.works[$index].input' /> 
      </ul><br/><br/> 
      <button ng-click="save(division, data)">save</button> 
    </td> 
</tbody>