ng-model 특성 이름으로 Angular JS 개체

Question

동적 원호 js 응용 프로그램을 만들고 있는데 여기서는 텍스트 필터를 표 필터의 검색 텍스트로 사용하려고합니다. 지금 현재로

, 내 코드는 이미 컴파일 $ 사용하는 방법을 시도이

<table> 
       <thead> 
        <tr class="filterrow"> 
         <td data-ng-repeat="col in items.Properties"> 
          <input id="{{col.DatabaseColumnName}}" type="text" 
           data-ng-model="search_{{col.DatabaseColumnName}}"/> 
<!-- Above Here I want to dynamically assign the ng-model based on Databasecolumnname property--> 
         </td> 
        </tr> 
        <tr> 
         <th data-ng-repeat="col in items.Properties">{{col.ColumnTitle}}</th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr data-ng-repeat="content in items2.Contents | filter: search_{{col.DatabaseColumnName}}: search_{{col.DatabaseColumnName}}"> 
         <td data-ng-repeat="col in items.Properties"> 
          <a href="#">{{content[col.Databasecolumnname ]}}</a> 
         </td> 
        </tr> 
       </tbody> 
      </table> 

처럼 보이지만, 나는 할 수 없습니다 : 여기에 내가 뭐하는 거지에 대한 미리보기입니다 그것을 구현하십시오. 접근법에 어떤 아이디어가 있습니까? 감사!

편집 : Plnkr - plnkr.co/edit/5LaRYE?p=preview가

Answer 1

당신은 당신의 NG-모델에 대한 기본 객체를 설정하여이 작업을 수행 할 수 있습니다. 당신이됩니다 컨트롤러 그래서 : -

$scope.search = {}; 

하고보기

는 수행 -

이 동적 NG-모델

<input ng-attr-id="{{col.DatabaseColumnName}}" type="text" 
          data-ng-model="search[col.DatabaseColumnName]"/> 

검색의 기본 객체에 할당됩니다, 예를 : - 경우 col.DatabaseColumnName이 col1이면 ngModel은 $scope.search.col1