ng-checked 多次触发其功能

Question

这是视图中的代码：

 <input type="radio" name="tabset" id="tab2" aria-controls="rauchbier"
        ng-checked="switch_tabs()">

这就是控制器中的代码

   $scope.switch_tabs = function(){
        console.log(notification_form_data);
        console.log($('#notification_form').serialize());
        if (notification_form_data != $('#notification_form').serialize() & notification_form_data!= undefined)
        { 
            var alertPopup = $ionicPopup.alert({
            title: 'vs',
            template: 'unsaved data in actions',
            button: 'Done'

        });

    }

当条件 = true 时，警报和 console.log 发生 100 次，如何仅触发 1 次

Answer 1

Why is ng-checked firing twice on page load

ng-checked 是一个布尔值。所以它的意思是像ng-checked="checkbox_checked"，当checkbox_checked 是true 时，它会检查复选框。

您可能希望在单击单选框时使用ng-click 触发您的函数一次。

或者，如果您希望在变量更改时发生某些事情，您可以使用$scope.$watch

$scope.$watch('notification_form_data', function() {
   if (notification_form_data != $('#notification_form').serialize() & notification_form_data!= undefined)
    { 
      var alertPopup = $ionicPopup.alert({
      title: 'vs',
      template: 'unsaved data in actions',
      button: 'Done'
     };
})

或者您可以添加一个ng-model 并使用ng-change，它会在模型​​更改时调用您的函数。如果您只希望在选中单选框时运行警报，您可以检查ng-model 中使用的变量是否为真。

<input type="radio" name="tabset" id="tab2" aria-controls="rauchbier"
        ng-model="radio_checked" 
        ng-changed="switch_tabs()">

$scope.radio_checked = false
$scope.switch_tabs = function(){
        console.log(notification_form_data);
        console.log($('#notification_form').serialize());
        if (notification_form_data != $('#notification_form').serialize() && notification_form_data!= undefined && $scope.radio_checked)
        { 
            var alertPopup = $ionicPopup.alert({
            title: 'vs',
            template: 'unsaved data in actions',
            button: 'Done'

        });

    }