为什么直接在 Angular 中使用 select 不会绑定到所选项目？

Question

我正在测试和理解 HTML 的“选择”和“选项”。我浏览了文档并了解了如何在 HTML 中创建列表框。如果您运行以下 plunker，您将看到预期的行为。 http://plnkr.co/edit/y5BlZnzQgy1C4DxNHpLl?p=preview
你会看到预期的行为。它正在使用 Angular 网站中的当前文档。
我有两个部分的问题；
1. 如果启用注释代码并注释掉 ng-option，数据绑定工作，我将在下拉列表中看到 id 和 name。但是为什么 selectemItem 没有绑定到正确的索引呢？
2. 如果我要像 plunker 一样坚持当前的工作示例，如何在列表框中不仅显示 id 还显示名称组合？

谢谢，

Answer 1

我分叉了你的 plunker 并实现了两个选项：http://plnkr.co/edit/ujNeGYvAHdFCDyWpWuHD?p=preview

1. 我不推荐此解决方案，但我将其实现为“选项 2（替代）”

2. 这就是要走的路，请参阅 plunker 中的“选项 1（推荐）”。使用 ng-options="c as (c.id + ' - ' + c.name) for c in students" 显示 ID 和名称。 AngularJS 文档中解释了 ng-options 的语法：http://docs.angularjs.org/api/ng.directive:select