将变量作为ngModel传递给属性指令

Question

假设我有以下表格行：

<tr ng-repeat="item in tableData track by item.id" 
    row-operation-directive="item">

以下指令：

angular.module('LBTable').directive('rowOperationDirective', function () {
    return{
        restrict: 'A',
        scope:{
            item: '=ngModel'
        },
        link:function (scope, element, attr, ngModel) {

            var i = scope.item;
        }
    }
});

任何人都可以告诉我为什么这不起作用（范围内的项目是undefined）

Answer 1

只需在另一个参数中解析您的项目，而不是在指令属性本身中解析。您无法访问direcitve CDATA本身的$scope参数。这样就可以像 demo fiddle 一样工作。

视图

<div ng-controller="MyCtrl">
  <table>
    <tr ng-repeat="item in myData track by item.id" 
        row-operation-directive 
        my-item="item">
      <td>{{ item }}</td>
    </tr>
  </table>
</div>

指令

myApp.directive('rowOperationDirective', function () {
    return{
        restrict: 'A',
        scope:{
            item: '=myItem'
        },
        link:function (scope, element, attr, ngModel) {
            var i = scope.item;
            console.log(i);
        }
    }
});

Answer 2

为此，您需要将元素更改为：

           rlProductOptionQuantityTxt =1;

将范围更改为：item：“=”