Question

以下是我的复选框和指令代码。

当用户点击复选框时，我想知道复选框的当前状态。现在不行了

<input type="checkbox" name="fromExistingOffer" ng-model="formData.fromExistingOffer" toggle-existing-offer>


appModule.directive('toggleExistingOffer', function() {
      return function(scope, element) {
        element.bind('click', function() {
            alert(element.attr('checked')); // help needed here

        });
      };
    });

Answer 1

您已经可以访问指令中的范围，我只想使用它。

element.bind('click', function(){
  alert(scope.formData.fromExistingOffer);
}

Answer 2

你错过了一个范围。$ apply（）...另见这个工作fiddle ...

<input type="checkbox" name="fromExistingOffer" ng-model="formData.fromExistingOffer" toggle-existing-offer>

appModule.directive('toggleExistingOffer', function() {
  return function(scope, element) {
    element.bind('click', function() {
      scope.$apply(function () { // help given here :-)
        alert(element.attr('checked'));
      });
    });
  };
});

更新：对不起，小提琴错了，现在就更新了......： - ）

Answer 3

我试过这个并且工作得非常棒，感谢＆＃34; mrberggg＆＃34;

appModule.directive('toggleExistingOffer', function() {
      return function(scope, element) {
        element.bind('change', function() {
            alert(scope.formData.fromExistingOffer);

        });
      };
    });

angular js复选框当前状态

3 个答案: