唯一NG綁定，HTML在NG-重複

我有我的HTML這樣的事情，唯一NG綁定，HTML在NG-重複

<div ng-controller='gridDataController as gridDataCtrl'> 
<table> 
    <tbody> 
     <tr ng-repeat="row in gridData" id="{{row.record_no}}"> 
      <td ng-bind-html="editInputA">{{row.a}}</td> 
      <td ng-bind-html="editInputB">{{row.b}}</td> 
      <td> 
       <div> 
        <button ng-click="edit(row.record_no)" >edit</button> 
        <button ng-click="update(row.record_no)" >update</button> 
        <button ng-click="delete(row.record_no)" >delete</button> 
       </div> 
      </td> 
     </tr> 
    </tbody> 
</table>

我想編輯功能輸入框添加到一個特定的行編輯按鈕被點擊，是否有任何角度做這件事，也是我雖然我希望添加輸入框有一個唯一的ID，所以我可以觸發它來更新編輯的文本。我正在尋找最好的角度練習，因爲我是新手。感謝提前:)

來源

2016-08-02 Venkatesh GS Rao

做到這一點的最好的辦法就是隱藏輸入並顯示與ngShow（https://docs.angularjs.org/api/ng/directive/ngShow）

<body ng-app="ngAnimate"> 
    <button ng-click="showInput= !showInput" >edit</button> 
    <div> 
     <div class="check-element animate-show" ng-show="showInput"> 
     <input class="glyphicon glyphicon-thumbs-up" id="newInput"> 
     </div> 
    </div> 
</body>

我adaped的例子從ngShow您與ngClick使用它：

https://plnkr.co/edit/Cgo5bFgNxhJUVbTwjzu8?p=preview

的另一種方法將是使用
VAR輸入= VAR元素=使用document.createElement（「輸入」）;

但使用ng-show似乎更適合您的需求

來源

2016-08-02 16:37:24

唯一NG綁定，HTML在NG-重複

回答

相關問題