我是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,所以我假设有一个问题。或类似的......
感谢您的帮助,如果缺少与代码相关的内容,请告诉我: - )
答案 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]
}