angular.js - 命名表单不起作用

时间:2015-06-24 11:05:34

标签: javascript angularjs

我有类别页面,其中列出了所有带有表单的产品。 E.g。

<div ng-repeat="product in products">
   <form name="product[[ product.id ]]"></form> // [[]] custom angular syntax, result is product1,2,3
</div>

然后我有相同形式的产品页面。当我尝试应用相同的命名约定时

<form name="product[[ product.id ]]"></form>

它不起作用。结果只是product。为什么它不接受这个名字?当我将其更改为其他内容时,例如coolName[[ product.id ]]它有效(coolName1)。

这只是表现得很奇怪。另外1个指令(图像jQuery滑块,它应该等到dom加载)在我的页面上不起作用。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这种情况正在发生,因为在你的

<div ng-repeat="product in products">  <!-- product as repeater for products -->
   <form name="product[[ product.id ]]"></form> <!-- product get's value from repeater -->
</div>

您必须更改ng-repeat="something in products"

将表单名称更改为<form name="something[product.id]">