无法在ng检查函数中获取参数

  • Z时代
  • 2024-01-10
  • 分类：问答

我在ng-checked中调用函数以检查当前复选框的值是否为'test'（如果选中），那么应该选中该复选框或者复选框应该是未经检查的无法在ng检查函数中获取参数

为了达到这个目的，我将this.value作为参数传递给在ng-checked中调用的show函数。但是当登录控制台时，这个this.value是未定义的。即使当我将函数内部的事件对象作为参数传递时，它也会返回undefined。

请检查下面的代码：

var app = angular.module('app', []);  
app.controller('mainController', function($scope, $http) {  
    $scope.show = function(val) {  
     console.log(val);  
     if (val == 'test') {  
      return true;  
     } else {  
      return false;  
     }  
    }  
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
<div ng-app="app">  
    <div ng-controller="mainController">  
\t  <input type="checkbox" value="test" ng-checked="show(this.value)"/>  
    </div>  
</div>

感谢提前:)

回答：

您可能需要使用NG-模型而不是NG-检查

var app = angular.module('app', []);  
app.controller('mainController', function($scope, $http) {  
    $scope.test = false  
    $scope.show = function(val) {  
     $scope.test = val  
    }  
    /// after fetching data from your server,  
    /// you can set checked by calling:  
    $scope.show(true)  
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
<div ng-app="app">  
    <div ng-controller="mainController">  
    <input type="checkbox" ng-model="test" />  
    </div>  
</div>

以上是 无法在ng检查函数中获取参数 的全部内容， 来源链接： utcz.com/qa/262243.html

回到顶部