AngularJS：动态表单创建答案

【问题标题】：AngularJS: dynamic form creationAngularJS：动态表单创建
【发布时间】：2013-10-25 08:23:40
【问题描述】：

我正在尝试使用 AngularJS 动态创建表单。查看 plunker 上的代码：http://embed.plnkr.co/lgSlbQlRcY26HhPzbj63/preview.

问题在于在 select 中添加了一个 void 选项：我想将它用作该字段的标签。所以我创建了 void 选项以绑定到元素标签：

<option value="">{{element.label}}</option>

在 Chrome 和 Firefox 中一切正常，但在 IE（理想情况下来自 IE8）中，渲染不起作用并且选项显示“{{element.label}}”（至少在我单击选择之前）。

有人知道为什么或如何解决它吗？

感谢

【问题讨论】：

在使用 AngularJS 等现代框架时，我从不针对 IE。有太多的重大变化，即使是官方的 Angular 源代码也充满了针对 IE 的丑陋无意义的 hack。但是看看是否有人对此有解决方案会很有趣:)
你看过这个 IE docs.angularjs.org/guide/ie 的笔记了吗？
是的...它似乎没有解决我的问题。

标签： forms angularjs angularjs-ng-repeat

【解决方案1】：

我在 Mac 上，没有 IE。我什至尝试使用 www.browserstack.com。

我使用的 jsFiddle 甚至无法在 IE 8 中加载 jsFiddle 的主页。

在 www.browserstack.com 中，我使用了 IE 9，它确实在 jsFiddle 中工作。

如果你想弄乱它，这里是 jsFiddle。

jsFiddle Link

由于我无法在 jsFiddle 上的 IE 8 或 Plunker 中进行测试，因为它们都无法在 www.browserstack.com 上的 IE 8 中加载，所以试试这个，看看你是否可以通过使用其他方法来欺骗它工作.

<!-- <option value="">{{element.label}}</option> gray this out -->
<option value="">Age Range</option> // just for your initial cell value
<option value="element.label"></option> // The items

【讨论】：