我想制作一个常规选择列表,AngularJs有一个预先选择的选项,我该怎么做?

时间:2014-04-10 14:24:42

标签: javascript angularjs

请不要指出我的任何其他答案。尝试过所有这些。 建议不要在选择列表中使用Ng-repeat,使用ng-options。

尝试过ng-init,ng-model和ng-options之间的任意数量的组合都无济于事。

这是我的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 =“?”选择=“选择”。 我的意思是抱歉,我是Angular的新手,但是从什么时候开始生成一个简单的选择列表?

谢谢你们对我的挫折有耐心,我在这里绝望!

1 个答案:

答案 0 :(得分:1)

我相信您的问题是您的代码中存在拼写错误。

当您设置当前正在执行的$ scope.model值时

$scope.model = list[0];

当你应该做的时候

$scope.model = $scope.list[0];

这是一个可以使用它的动画:http://plnkr.co/edit/M6YuyBA4y7G6HIF7Wfrk?p=preview