使用angularjs中的数组列表验证文本框输入

Question

我对 AngularJS 很陌生，目前我正在研究一个用 angularjs 设计的表单。

我的任务是使用列表验证文本框输入。如果在文本框中输入的值不在列表中，那么它应该会引发验证错误。

我已经编写了以下代码行，用于通过 REST API 获取列表项：

app.factory("EatonScanningFactory", ['$http', function($http) {

    var EatonScanningFactoryObj = {};
    EatonScanningFactoryObj.GetToolMaxTimeList = function (columnName) {
        return $http({

            method: 'GET',

            url: _spPageContextInfo.webAbsoluteUrl
            + "/_api/web/lists/getbytitle('Tool%20Max%20Time')/Items/"
            + "?$select=Text,Value&$orderby=Text&$filter=Title eq '" + columnName + "'",

            headers: { "Accept": "application/json;odata=verbose" }

        });
    }

它将列表项返回到数组中。 以下代码行用于访问调用上述函数：

    var getToolId = EatonScanningFactory.GetToolMaxTimeList('ToolNumber');
    var getMaxLife = EatonScanningFactory.GetToolMaxTimeList('MaxLife');

我无法继续进行，因为我不确定如何验证我的文本框输入是否在列表中可用。

请帮忙

Answer 1

您好，这里有一个合理的解决方案作为示例：

$scope.list = EatonScanningFactory.GetToolMaxTimeList('MaxLife');

Javascript（本机）示例：

function validateList() {
    var IsInList = false;
    for (var i = 0; i < $scope.list.length; i++) {

        if ($("#textbox").val() == $scope.list[i].listvalue) {
            IsInList = true;
            break;
        } 
    }

    return IsInList;
}

角度示例：

$scope.validateFunction = function() {  
    angular.forEach($scope.list, function(value, key){
        var IsInList = false;

        if($("#textbox").val() == value.listvalue) {
            IsInList = true;
            break;
        }
    });

    return IsInList;
}

//Invoke the function like follow:
$scope.validateFunction();