驗證指令中的動態名稱

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的內置驗證，但因爲formname是由範圍內傳入的文本動態設置我不知道如何調用它。上述嘗試不起作用。

Answer 1

你可以在控制器的幫助下做到這一點。定義另一個變量（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]; 
    }); 
}); 

見琴：http://jsfiddle.net/T7vuD/