Javascript 选择的选项无法从AngularJS模板工作

我是AngularJS的新手，所以它可能非常简单，但我似乎无法理解。问题不在于AngularJS代码本身，但我确信它是以某种方式连接起来的，因为我在一个空白的纯HTML测试页面中尝试了它，它工作了，它应该如何工作

headers.html：

当然，index.html里面有一个人：

。。。
...

再一次，其他一切都按预期进行。唯一的问题是，在页面加载时，本应被选中的选项实际上并没有被选中

有什么想法吗

 link: function (scope, element, attrs) {
       scope.sortHeaders  = "id";
    }

正如在其他回复中所述，您也可以这样做：

<select ng-model="sortHeaders">
    <option value="rating">Rating</option>
    <option value="id" ng-selected="true">ID</option>
</select>

评级
身份证件

看看angularjs文档。您可以使用

文档中的示例：

选中我以选择：


你好
问候语！

在angular中，您应该使用ngSelected指令而不是selected指令，如下所示：

<select ng-model="sortHeaders">
    <option value="rating">Rating</option>
    <option value="id" ng-selected="selected">ID</option>
</select>

评级
身份证件

---

所以我通过添加headers.app解决了这个问题

并将我的

块替换为

<select ng-model="sortHeaders">
<option ng-repeat="option in sortBy"
    value="{{option}}"
    ng-selected="{{option=='id'}}">{{option | uppercase}}</option>
</select>

{{选项|大写}}

我没有使用

ng选项

因为在我的例子中，这是一个一维的值数组，在这种情况下，使用

ng选项

既不是必要的，也不是最优雅的（在我看来）解决方案

感谢大家提供了指向ng selected的链接，发现它们非常有用。

使用

<option  ng-selected="true">Select Event Name</option>

选择事件名称

---

默认情况下

在选定的ng中使用表达式

<OPTION ng-selected="expression">
  ...
</OPTION>

<select ng-model="selectedid">
<option value="" disabled selected>Seleccione...</option>
   <option ng-repeat="item in list" 
   ng-selected="{{item.Value}} === {{selectedid}}" 
   value="{{item.Value}}">{{item.Text}}  
</option>
</select>  

...
塞莱西翁。。。
{{item.Text}

是的，谢谢，可以。但仍然如此。你知道为什么它不能使用“selected”属性吗？你能检查一下DOM看看它是否仍然存在吗？Angular可能会把它扔掉，因为他会选择与SelectThank中的模型相等的选项。尽管我最终的解决方法有点不同，但我认为你的答案是最好的解决方案，因为我最初写它的方式。出于某种原因，它不起作用。与所选

的结果相同

Hi Paulo，虽然链接很有用，但最好以读者不必跟随链接的方式回答。请编辑您的答案，以包含摘要或链接中的要点？嗨，伊万！谢谢你的建议。下次我会小心回答的。我是Stackoverflow的新手(

$scope.sortBy = ['id','rating'];

<select ng-model="sortHeaders">
<option ng-repeat="option in sortBy"
    value="{{option}}"
    ng-selected="{{option=='id'}}">{{option | uppercase}}</option>
</select>

<option  ng-selected="true">Select Event Name</option>

<OPTION ng-selected="expression">
  ...
</OPTION>

<select ng-model="selectedid">
<option value="" disabled selected>Seleccione...</option>
   <option ng-repeat="item in list" 
   ng-selected="{{item.Value}} === {{selectedid}}" 
   value="{{item.Value}}">{{item.Text}}  
</option>
</select>