在下拉列表中调用函数 AngularJS
Calling function on dropdown AngularJS
我现在遇到了一个有趣的场景,这让我很困惑,这个问题最初是为那些熟悉 Angular UI 网格的人设计的。但是,欢迎您回答。
我有一个 UI 网格,我通过网格本身的单独 html 页面调用下拉列表,因为下拉列表值会动态变化。现在我有这个下降的 ng-model 作为 ng-model="row.entity.someValue"
这将是从网格中获得的 $scope.someDate.someValue 的值 field: 'someValue'
。我手头的问题是在选择之后我无法触发函数调用,我正在避免 id="" 调用,因为我希望代码保持一致并且不使用 getElementById 调用。我已经尝试过 ng-selected、ng-change 甚至 ng-class(知道它不会工作)我想做的是用选定的值作为参数来触发一个函数,但我无法得到功能开火。我在这里错过了什么?
这是我要实现的相同代码:
<div>
<select ng-model="row.entity.someValue" class="dropdownWidth" ng-selected="someFunction(selectedValue)" >
<option ng-repeat="selectedValue in grid.appScope.someArray" value={{selectedValue}}>{{selectedValue}}</option>
</select>
</div>
更新 下面回答
答案就在我面前,我一直忘记。每次在控制器外部调用网格单元时,您总是将 grid.appScope
应用于与单元格值
有关的任何事物
在我的例子中,我只是在调用 ng-selected="someFunction(selectedValue)"
,而实际上我应该调用 ng-selected="grid.appScope.someFunction(row.entity.someValue)"
。现在它完美运行,希望这个场景对未来的任何人都有用处!
我现在遇到了一个有趣的场景,这让我很困惑,这个问题最初是为那些熟悉 Angular UI 网格的人设计的。但是,欢迎您回答。
我有一个 UI 网格,我通过网格本身的单独 html 页面调用下拉列表,因为下拉列表值会动态变化。现在我有这个下降的 ng-model 作为 ng-model="row.entity.someValue"
这将是从网格中获得的 $scope.someDate.someValue 的值 field: 'someValue'
。我手头的问题是在选择之后我无法触发函数调用,我正在避免 id="" 调用,因为我希望代码保持一致并且不使用 getElementById 调用。我已经尝试过 ng-selected、ng-change 甚至 ng-class(知道它不会工作)我想做的是用选定的值作为参数来触发一个函数,但我无法得到功能开火。我在这里错过了什么?
这是我要实现的相同代码:
<div>
<select ng-model="row.entity.someValue" class="dropdownWidth" ng-selected="someFunction(selectedValue)" >
<option ng-repeat="selectedValue in grid.appScope.someArray" value={{selectedValue}}>{{selectedValue}}</option>
</select>
</div>
更新 下面回答
答案就在我面前,我一直忘记。每次在控制器外部调用网格单元时,您总是将 grid.appScope
应用于与单元格值
在我的例子中,我只是在调用 ng-selected="someFunction(selectedValue)"
,而实际上我应该调用 ng-selected="grid.appScope.someFunction(row.entity.someValue)"
。现在它完美运行,希望这个场景对未来的任何人都有用处!