javascript - Angularjs 在选择标签中始终为空白元素

Question

我是 Angular.js(也是这个论坛)的新手，想尝试一些基础知识，但我在使用 select 和 options 时遇到了困难。

我有一个小应用程序，想要添加一个选择框，但我得到一个空白选项，我想删除它。

我在 Stackoverflow 上搜索，当然还有 Google，并尝试了可能的选项和提示，但似乎没有什么对我有用。

我希望有人能帮助我......

关于该应用程序: 我有一些具有 item.Name 或 item.Price 等属性的项目，并且希望使用 item.Store 存储所选标签的值。

这是 View 的一部分:

<td>
<select ng-model="item.Store" ng-options="item.storeName for item in items.Stores">
</select></td>

这就是我 Controller 中的内容:

$scope.items.Stores = [
    {storeId : 1, storeName : 'Spar' },      
    {storeId : 2, storeName : 'Billa' },
    {storeId : 3, storeName : 'Merkur' }, 
];

除其他外，我尝试过这个:

$scope.item.Store = $scope.items.Stores[1];

但我总是收到错误消息: “$scope.item 未定义......” 虽然我的 ng-model 也被命名为 item.Store，所以我认为 .或类似的东西...

感谢您的帮助，如果代码中缺少相关内容，请告诉我:-)

Answer 1

看看这个 Plunker其中包含OP评论中提到的修改。

$scope.items = {
    stores: [
      {id : 1, name : 'Spar' },      
      {id : 2, name : 'Billa' },
      {id : 3, name : 'Merkur' }, 
    ]
};

$scope.item = {
    store: $scope.items.stores[1]
}