AngularJS获取范围中的选定项目
AngularJS get selected item in scope
我正在用Ionic和AngularJS开发应用程序。无法计算如何获得所选选项的值
控制器
.controller('TestCtrl', function($scope, $options) {
$scope.options = [
{ id: 0, label: '15', value: 15 },
{ id: 1, label: '30', value: 30 },
{ id: 2, label: '60', value: 60 }
]
$scope.countSelector = $scope.options[0];
$scope.changeCount = function(obj){
obj = JSON.parse(obj);
console.log(obj)
console.log(countSelector)
$options.set('productCountPerPageValue', obj.value);
$options.set('productCountPerPage', obj.id);
};
...
})
模板
<ion-list ng-controller="TestCtrl">
<label class="item item-input item-select">
<div class="input-label">
{{countSelector}}
</div>
<select ng-model="countSelector" ng-change="changeCount('{{countSelector}}')" ng-options="opt as opt.label for opt in options">
</select>
</label>
</ion-list>
console.log(obj)始终返回以前选择的值
console.log(countSelector)始终返回默认值(如果设置)或未定义的
执行select ng-model="countSelector"
时,您将选择绑定到$scope.countSelector
因此,在您的控制器中,如果您想访问您选择的值,请使用以下方法:
$scope.countSelector
编辑:
根据您的要求,您可能希望直接在$scope.countSelector中设置值。为此,您可以根据以下内容调整ng选项:
ng-options="opt.id as opt.label for opt in options"
您正在将countSelector的字符串版本传递给ng-change函数。如果你看一下html,它看起来像这样:
<select ng-model="countSelector"
ng-change="changeCount('{"id":1,"label":"30","value":30}')"
ng-options="opt as opt.label for opt in options" class="ng-valid ng-dirty">
从技术上讲,您可以通过不使用表达式将countSelector传递到函数中:
<select ng-model="countSelector" ng-change="changeCount(countSelector)" ng-options="opt as opt.label for opt in options">
http://jsfiddle.net/r2zgmgq1/
正如@Deblaton Jean-Philippe answer所解释的,你可以通过作用域访问它,所以实际上并不需要它。
相关文章:
- 如何获取不属于我项目的上一页的URL
- AngularJS获取范围中的选定项目
- 获取中继器控件ASP.Net中显示的单击项目文本框
- 从下拉列表中获取所选项目,并将其保存到php变量中
- 如何根据单击的项目在modalbox中获取值
- 获取每个项目中不为 null 的最后一个项目
- 获取唯一的项目-Handlebars
- 获取特定视图的项目计数
- 如何在angular js中的select选项中获取所选项目id
- 铁路由器获取当前项目
- 与杜兰达尔合作的第一个JavaScript项目.尝试从第三方 API 获取数据
- Lodash 从与值数组不匹配的数组中获取项目
- 在 JavaScript 对象中添加子对象时获取“无法设置未定义的属性'项目'”
- 获取项目的顺序 jQuery 可排序并设置它们的顺序
- 语义 UI 手风琴获取打开事件中打开的项目的索引
- 拉力赛:有没有一种简单的方法来获取项目组合项目下的所有用户故事
- 如何过滤推特流API订阅源,只获取与新闻相关的项目
- 如何在Sonarqube Javascript扩展中获取项目路径
- jQuery.数据集's或获取's的项目不对
- Uikit.可嵌套组件-如何从移动的项目获取id