我想和AngularJs一起做一个常规选择列表.有一个预选选项,我该怎么做
I want to make a regular select list with AngularJs have a preselected option, how do I do that?
请不要把我指给任何其他答案。都试过了。不建议选择Ng重复列表,已使用Ng选项。
尝试过ng init、ng model和ng选项之间的任意组合,都没有成功。
这是我的html:
<div class="appFilter" ng-show="visibility">
<span class="fa {{icon}}"></span>
<select name="{{filter_name}}" id="filter_{{filter_name}}"
ng-model="model"
ng-options="u as u.name for u in list track by u.id"
>
</select>
</div>
这是我的型号:
[
{prop1:prop1,prop2:prop2,prop3:prop3},
{prop1:prop1,prop2:prop2,prop3:prop3},
{prop1:prop1,prop2:prop2,prop3:prop3},
{prop1:prop1,prop2:prop2,prop3:prop3},
]
我选择的第一个选项总是类似value="?"selected="selected"。对不起,伙计们,我是Angular的新手,但从什么时候开始,一个框架让生成一个简单的选择列表变得如此困难?
谢谢你们对我的沮丧有耐心,我在这里要绝望了!
我认为您的问题在于代码中存在拼写错误。
当您设置当前正在进行的$scope.model值时
$scope.model = list[0];
什么时候你应该做
$scope.model = $scope.list[0];
下面是一个plunker,显示它的工作原理:http://plnkr.co/edit/M6YuyBA4y7G6HIF7Wfrk?p=preview
相关文章:
- 正在将无序列表转换为选择..但有一个转折
- 我有一个本地 json 文件,我想在列表框中显示其数据
- 我有一个列表显示 1、2、3 个数字,我可以将它们转换为乌尔都语吗?
- 我有一个数据列表,我将其转换为 Ul 和 li 的列表,现在我希望这个列表在 JSP 中显示为树
- 每个列表项都有一个特定的背景图像
- Jquery下拉列表,希望页面加载时始终有一个值位于顶部
- 我有一个angular JS表单,它成功地将数据插入数据库,但没有显示在表单下面的列表中
- 我想在javascript中有一个颜色列表
- Angularjs如何根据另一个列表中是否存在重复元素来有条件地勾选一个复选框
- 下拉列表,有一个输入字段的选项
- 我在AngularJS中有一个复选框列表和一个提交按钮
- 在一定数量的元素之后有一个下拉列表
- 如何获得锚标签的标题,这是在一个列表中,并有类被选中
- 所以我需要把这个代码提交给我的老师.他有一个隐藏的列表,让我的功能完成.但它不起作用
- 我有一个html形式的multipe下拉列表,现在我必须使用coldfusion将选定的值存储到数据库中
- 下拉列表中有一个以上的限定符.可以让JS工作
- 如果我的网页中有两个列表框,但我需要一个列表框为多选,另一个应该为通用列表框
- 我想和AngularJs一起做一个常规选择列表.有一个预选选项,我该怎么做
- 我有一个列表.每个列表项都包含按钮.当点击一个按钮时,在Ion的另一个视图中查看相应的列表项
- 有没有办法在 javascript 中将列表添加到另一个列表中