使用循环AngularJs保留数组中的ng模型并设置值

问题描述 投票:0回答:1

场景

我有一个解析文档的场景,我将以键和值格式获取JSON输出,在键中它将包含文档的标题,而Value将包含标题的相应部分。不,我想将值绑定到ng-model(表单文本框)中,我有100多个文本框,我可能会从文档中获得不同的标题,如果我要使用不同的标题,我喜欢使用或条件将其绑定到ng-model中下面的代码。

需求

我喜欢将我所有的ng-model存储到array中,然后我将读取完全匹配的内容并进行映射。

下面是当前代码

$.ajax(settings).done(function (response) {
    var docparsed = JSON.parse(response);
    //angular.forEach($scope.ModelMaping, function (obj) {
    angular.forEach(docparsed, function (obj) {
        //var ModelVal = obj.value;
        //var val = docparsed.find(x => x.key.toLocaleLowerCase() === ModelVal.toLocaleLowerCase())
        //obj.key = val.value;   
        if (obj.key.toLocaleLowerCase() == "first") {
            $scope.FirstNgModel = obj.value;
        }
        if (obj.key.toLocaleLowerCase() == "second") {

            $scope.SecondNgModel = obj.value;
        }
        if (obj.key.toLocaleLowerCase() == "third") {
            $scope.ThirdNgModel = obj.value;
        }
        if (obj.key.toLocaleLowerCase() == "fourth") {
            $scope.FourthNgModel = obj.value;
        }
        if ((obj.key.toLocaleLowerCase() == "fifth") || (obj.key.toLocaleLowerCase() == "sixth")) {
            $scope.FifthNgModel = obj.value;
        }
    });
javascript jquery angularjs angularjs-ng-model ngmodel
1个回答
0
投票
如果您的键是预定义的,如果您的NgModel是类似的,该怎么办:

$scope.NgModel = { "first" : {}, "second" : {} ... }

然后您可以:

$.ajax(settings).done(function (response) { var docparsed = JSON.parse(response); angular.forEach(docparsed, function (obj) { $scope.NgModel[obj.key.toLocaleLowerCase()] = obj.value }); });

只是一个想法。
© www.soinside.com 2019 - 2024. All rights reserved.