ng-selected为true但未选择

时间:2016-03-07 16:08:58

标签: angularjs

所以,我有一个选择列表,我试图动态选择项目。问题是,即使doe表达式被评估为“true”,该选项仍未被选中

<label for="articlePage">Page:</label>
<select class="form-control pageList" name="articlePage" required="" ng-model="article.page_ID">
    <option ng-repeat="page in pages" ng-selected ="{{page.id == article.page_ID}}" value={{page.id}}>{{page.name}}</option>
</select><br>

范围(页面):

$scope.pages = [
        { name: "Home",                 id: "1" },
        { name: "Plugs",                id: "2" },
        { name: "Pack Bedding",         id: "3" },
        { name: "Pot Bedding",          id: "4" },
        { name: "Poinsettias",          id: "5" },
        { name: "Sales",                id: "6" },
        { name: "Process Quality",      id: "7" },
        { name: "Environment",          id: "8" },
        { name: "Process Technology",   id: "9" },
        { name: "Process Control",      id: "10" },
        { name: "Infrastructure",       id: "11" },
        { name: "News",                 id: "12" },
        { name: "About",                id: "13" },
        { name: "Contact",              id: "14" },
        { name: "Find Us",              id: "15" },
        { name: "Key Personnel",        id: "16" },
        { name: "Recruitment",          id: "17" },
        { name: "Legal Information",    id: "18" },
        { name: "Hidden",               id: "19" }
];

还有一项服务正在检索我的文章,我知道我说得对,就像我说的那样,表达式正在评估中。这是一个打印屏幕,以证明:

enter image description here

有没有人知道为什么没有选择该选项?

谢谢! :)

1 个答案:

答案 0 :(得分:11)

你不需要在ng-selected中表达!试试这个:

<label for="articlePage">Page:</label>
    <select class="form-control pageList" name="articlePage" required="" ng-model="article.page_ID">
    <option ng-repeat="page in pages" ng-selected ="page.id == article.page_ID" value="{{page.id}}">{{page.name}}</option>
</select><br>