IE8中的AngularJS ng-form替代

Lawrence Choy 发表于 Dev

劳伦斯·蔡（Lawrence Choy）

我正在使用AngularJS开发SPA，该SPA需要支持IE 8。

在页面的其中一个中，我使用<form>和<ng-form>用于表单验证来嵌套表单：

<form>
    <!-- Some input and checkbox elements -->
    <div class="well" ng-repeat="member in data.teammembers">
        <ng-form name="innerForm">
            <!-- Other repeating form elements -->
        </ng-form>
    </div>
</form>

但是，您可能已经知道，自定义元素在IE 8中没有得到正确处理。我现在得到的只是一个空白页。如果我删除<ng-form></ng-form>，一切恢复正常。

我已经这样设置了<html>：

<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" ng-app="myApp" id="ng-app" ng-cloak>

而且我还包括es5-shim

所以我的问题是：

是否有其他<ng-form>选择，以便我可以在可在IE 8中呈现的嵌套表单中使用表单验证？

尤里（Yuriy Rozhovetskiy）

ngForm指令EAC对通用html标签（而非form标签）有限制ngForm API参考因此，您可以按以下方式更改HTML：

<form>
    <!-- Some input and checkbox elements -->
    <div class="well" ng-repeat="member in data.teammembers">
        <div ng-form="innerForm">
            <!-- Other repeating form elements -->
        </div>
    </div>
</form>

最好将name属性赋予外部形式。这种方式可以访问外部表单的控制器属性和方法。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。