传递给ng-click的JQuery检索值未定义

Question

当通过ng-click传递给控制器​​函数的JQuery检索值时，它是未定义的

<button ng-click="getDefinition( $('#selection2').val());">Submit</button>

控制器：

  $scope.getCriteriaDefinition = function (data_dictionary_id) {

//data_dictionary_id is undefined
}

有什么想法吗？ 我认为ng-click属性中包含的值会被解析，然后运行

Answer 1

不是使用jquery检索值，而是可以像下面那样以角度进行。

现在我假设$（'＃selection2'）作为输入元素，它可以是select或任何表单元素。

格式：

<div class="holder" ng-controller="formHolder">
    <input type="text" id="selection2" ng-model="inputModel">
    <button ng-click="getDefinition(inputModel)">Submit</button>
</div>

控制器中的

：

$scope.getCriteriaDefinition = function (data_dictionary_id) {
    //access data_dictionary_id here.
}

在Angular JS中，ng-model存储了元素当前所持有的值。由于按钮和输入都在同一个控制器中，我们可以在按钮中访问输入值。

希望这有帮助。