Angularjs总是选择标记中的空白元素

时间:2013-04-19 21:56:29

标签: javascript select view angularjs controller

我是Angular.js的新手(也是这个论坛的新手),想尝试一些基础知识,但我一直坚持使用select和options。

我有一个小应用程序,想要添加一个选择框,但我得到一个空白选项,我想摆脱。

我在这里搜索Stackoverflow,当然还有谷歌,并试用了可能的选项和提示,但似乎没有什么对我有用。

我希望有人可以帮助我......

关于应用: 我有一些像item.Name或item.Price等属性的项目,并希望用item.Store存储所选标签的值。

这是观点的一部分:

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

这就是我在我的控制器中所拥有的:

$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,所以我假设有一个问题。或类似的......

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

1 个答案:

答案 0 :(得分:0)

请查看此Plunker,其中包含OP评论中提到的修改。

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

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