ディレクティブでng-disabledが機能していません

Question

ng-disabled属性を使用して、ボタンのディレクティブを作成しようとしています 範囲内の変数にng-disabledステータスをバインドしようとしています。 JS

<div ng-controller="MyCtrl"> 
    <btn dis="disableBtn"></btn> 
</div> 

そしてここにある： - 私はまだ、$scope.disableBtnの値が変更を行い、コンソールに表示

angular.module('myApp') 
    .directive('btn', function() { 
     return { 
     restrict: 'E', 
     scope: { 
      dis: "@" 
     }, 
     template: '<button ng-disabled="dis">click</button>', 
     link: function($scope) { 
      setInterval(function() { 
       console.warn($scope.disableBtn); 
       $scope.disableBtn = !$scope.disableBtn; 
      }, 100); 
     } 
    }; 
}); 

奇妙なことがある。ここ

はHTMLですボタンが無効の状態にはなりません。

ありがとうございます！

Answer 1

ng-disabledは式を必要としますが、 "dis"をリテラル値（ '@'を使用）としてバインドするため、正しく評価されません。ブール値を正しくバインドするには、

scope: { 
    dis: "=" 
}, 

を使用する必要があります。