AngularJS輸入有效的，如果值是數組

Question

具有輸入

<div ng-app="myApp" ng-controller="myCtrl"> 
    <form> 
     <input type="number" ng-model="$ctrl.myNumber" /> 
    </form> 
</div> 

我希望它是有效的，如果輸入值是包含在數組中的任意數量（該示例中的陣列possibleInputValues）。

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
    var self = this; 
    self.possibleInputValues = [1, 2, 3, 4, 7, 8, 9, 10]; 
}); 

因此，例如，如果用戶鍵入「2」到輸入，它應該是有效的（如在陣列possibleInputValues包含2個），但應爲無效例如用於值5

我在AngularJS Documentation中找到的一種方法是爲這種驗證編寫一個自己的指令。這是唯一的方法嗎？還是有更輕量的方法來做到這一點？

我所尋找的是這樣的事情

<input type="number" ng-model="$ctrl.myNumber" valid-if="$ctrl.isInMyArray()"/> 

和控制器

app.controller('myCtrl', function($scope) { 
    var self = this; 
    self.possibleInputValues = [1, 2, 3, 4, 7, 8, 9, 10]; 
    self.isInMyArray = function(val) { 
     if (self.possibleInputValues.indexOf(val) !== -1) { 
      return true 
     } 
     return false; 
    } 
}); 

Answer 1

檢查Angular-UI's project，其中包括ui-validate/ui-validate-async directives。

該指令使得它很容易創建自定義的驗證表達式。在你的情況下，它可以看起來像ui-validate="{inArray: 'isInMyArray($value)' }"。