javascript - 在 ng-disabled 中使用 item 的 data-key

Question

我想在 HTML 中设置一个 data-key，在本例中是 myKey 并用它来检查 myObject[data-key] 是否== true。如果是，则应禁用该字段。

$scope.myObject = {
  myKey : true
}

<input type='text' ng-model='x' name="x" id="x" data-key="myKey" ng-disabled="myObject[data-key]"/>

如果我简单地这样做它就会起作用......

<input type='text' ng-model='x' name="x" id="x" data-key="myKey" ng-disabled="myObject.myKey == true"/>

但我希望能够传递数据键而不是字符串。这可能吗？

Plunk here

Answer 1

您可以创建一个自定义指令，例如

app.directive('myDir', function(){
    return {
        restrict: 'EA',
        scope: {
        myKey:'=',
        object:'='
        }, 
        link: function(scope, $elm, $attrs) {
          console.log(scope.myKey); 
          if(scope.object[scope.myKey])
             scope.isDisabled=true;
        }
    };
});

HTML

Working demo