AngularJS在添加動態元素時進行表單驗證

Question

我有一個AngularJS驗證表單。
問題是我使用Jquery向此表單添加輸入元素，而AngularJS不會將這些元素添加到表單的驗證中。
這是一個例子： http ： //jsfiddle.net/ULEsy/

var input = $compile($('<input type="text" ng-model="textinput" required />'))($scope);
$("#someform").append(input);

在示例中，即使輸入字段無效（空 - 可以通過紅色邊框看到），整個表單也是有效的。 有幫助嗎？

Answer 1

@Ephi和我找到了解決這個問題的方法。 顯然，您需要先將元素附加到DOM，然后才使用$ compile。 此外，新元素需要一個名稱。

看到這里

angular.module("app", []).controller('someController', function($scope, $compile) {   
    $scope.add = function() {
        var input = $('<input type="text" ng-model="textinput" name="x" required />');
        $("#someform4").append(input);    
        $compile(input)($scope);
    }
});