将ng-options绑定到ng-repeat中的自定义指令

时间:2013-12-03 20:16:36

标签: angularjs angularjs-directive

展示一个例子可能比试图解释这个更有意义。请参考此http://plnkr.co/edit/ipGYEX?p=preview,因为它几乎完全符合我的需要。

在示例中,单击“添加”以创建新的选择菜单并选择一个选项。这应该将它添加到父表单。目前我用$ emit处理这个方面。核心问题是我找不到为每个选择分配$ index的方法。我想将它附加到模型名称,以使每个名称都是唯一的。但是,简单地执行ng-model="selectNum{{$index}}之类的操作会在通过attrs.ngModel时导致错误。按原样,对于每次添加的下拉列表重复ngModel,因此每次覆盖表单时都会重复。我想将每个select添加为表单的唯一对象 - 并更新该特定实例应该关联的select更改。

任何人都可以提供一些关于如何附加$ index或者更新表单的其他方式的见解吗?

1 个答案:

答案 0 :(得分:2)

不是将值放入表单对象的直接答案,但这里的选项类似于我在非常类似的情况下所做的事情:

http://plnkr.co/edit/uEHFWgRQ9fP2gpeWuE5y?p=preview

基本上将值存储在重复的数组元素中,然后我将模型中的该对象用于发布到服务器。