javascript - 验证指令内具有动态名称的表单

Question

<form name="{{ formname }}" novalidate>
    <input type="text" ng-model="first_name" required>
    <input type="text" ng-model="last_name" required>
    <input type="text" ng-model="email" required>
    <span class="error" ng-show="formname.$invalid">Fill in required fields.</span>
    <button type="submit"></button>
</form>

我正在尝试使用 Angular 的内置验证来验证表单，但因为表单名称是通过从范围传入的文本动态设置的，所以我不确定如何调用它。上面的尝试不起作用。

Answer 1

您可以在 Controller 的帮助下完成此操作。定义另一个变量(下例中的 f)，观察 formname 并相应地更新 f:

.controller("...", function($scope) {
    $scope.first_name = "";
    $scope.formname = "fff";
    $scope.f = null;
    $scope.$watch("formname",function(newval,oldval,scope) {
        scope.f = scope[newval];
    });
});

参见 fiddle :http://jsfiddle.net/T7vuD/