Итерация по объекту в AngularJs

Question

Итерация по объекту в AngularJs

0

Я хочу повторить следующий json и создать динамическую форму. Но, как его ключ, так и ценность не одинаковы. Итак, как это сделать в JS?

["register_form",
   {  
      "name":{  
         "fielde":"textfield",
         "description":""
      },
      "pass":{  
         "pass1":{  
            "field":"password"
         },
         "pass2":{  
            "field_type":"password"
         }
      },
      "mail":{  
         "field":"textfield",
         "description":""
      },
      "field_first_name":{  
         "field_type":"textfield",
         "description":""
      }
      
   }
]

ни одна из них не работает:

//Get the size of object = no. of fileds to be created
var size = Object.keys(response[1]).length; 
console.log("Size..." + size);

console.log("Keys.." + Object.keys(response[1]));
var keys = [];
var model = [];
var label = [];
keys.push(Object.keys(response[1]));

for(var i=0;i<keys.length;i++) {
   angular.forEach(response[1].keys[i], function(key, value){
   console.log(key + "..." + value);            
});

Smitha 18 май 2016, в 12:00

Источник

0

Вы пробовали цикл в ... для итерации по объекту?
Avinash 18 май 2016, в 09:15
0

Я сделал это, но не смог получить ключ и его значение. e, g,: я хочу получить "имя" и его значение - другой объект с полем и описанием в качестве ключей и соответственно его значений
Smitha 18 май 2016, в 09:25
0

сколько полей нужно создать, 5? Ваши ключи данных не согласованы. У вас есть (field, fielde, field_type). Они опечатки? У вас также есть вложенные объекты внутри «прохода», это тоже намеренно?
adib.mosharrof 18 май 2016, в 12:44
0

да, это намеренно
Smitha 19 май 2016, в 08:17

Показать ещё 2 комментария

Теги:

javascript

angularjs

arrays

3 ответа

Ещё вопросы

Вы пробовали цикл в ... для итерации по объекту?
Я сделал это, но не смог получить ключ и его значение. e, g,: я хочу получить "имя" и его значение - другой объект с полем и описанием в качестве ключей и соответственно его значений
сколько полей нужно создать, 5? Ваши ключи данных не согласованы. У вас есть (field, fielde, field_type). Они опечатки? У вас также есть вложенные объекты внутри «прохода», это тоже намеренно?

byteC0de · Answer 1 · 2016-05-18T08-09-00.000Z

Попробуй это

var jimApp = angular.module("mainApp",  []);

jimApp.controller('mainCtrl', function($scope, $sce){
$scope.user = {};
  $scope.register_form = {"name":{  
                         "field_type":"text",
                         "description":""
                      },
                      "pass1":{ 
                            "field_type":"password"
                       },
                       "pass2":{ 
                            "field_type":"password"
                       },
                      "mail":{  
                         "field_type":"text",
                         "description":""
                      },
                      "field_first_name":{  
                         "field_type":"text",
                         "description":""
                      } };
  $scope.formData = { name : "" };
  $scope.html = "";
  angular.forEach($scope.register_form, function(value, key){
    $scope.html = $scope.html + "<input type="+ value.field_type +" placeholder="+key+" >";
   });
  $scope.trustedHtml = $sce.trustAsHtml($scope.html);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="mainApp" ng-controller="mainCtrl">
  <form>
    <div ng-bind-html="trustedHtml">
    </div>
  </form>  
</div>

Я хочу, чтобы итерация в контроллере не HTML / Tempalte
Что нужно для перебора в контроллере?
я хочу создать динамическую форму, для которой я использую - github.com/danhunsaker/angular-dynamic-forms

Vladimir Drenovski · Answer 2 · 2016-05-18T07-06-00.000Z

Вы можете сделать это с помощью ванильного javascript следующим образом:

for (key in response[1]){
console.log(key)
};

JSFiddle

vohrahul · Answer 3 · 2016-05-18T06-53-00.000Z

обновленный

Я думаю, что это то, что вам нужно. Вы можете форматировать выход так, как хотите.

var data = {  
      "name":{  
         "fielde":"textfield",
         "description":""
      },
      "pass":{  
         "pass1":{  
            "field":"password"
         },
         "pass2":{  
            "field_type":"password"
         }
      },
      "mail":{  
         "field":"textfield",
         "description":""
      },
      "field_first_name":{  
         "field_type":"textfield",
         "description":""
      }
   };
function toArray(obj) {
    var result = [];var passName;var tempArray = [];
    for (var prop in obj) {
        var value = obj[prop];
        if (typeof value === 'object') {
                $('#myForm').append("<br/><b>[[" + prop +"]]</b><br/>");

            if ($.isNumeric(prop)) {
                passName = name + "[" + prop + "]";
            } else {
                passName = name + "['" + prop + "']";
            }
            tempArray = toArray(value, passName);
            $.each(tempArray, function (key, value) {
                result.push(value);
            });
        } else {
        $('#myForm').append("<label>" + prop +"</label> : <span>" + obj[prop] + "</span><br/>");
            result.push(name + "['" + prop + "']");
        }
    }
    return result;
}

toArray(data);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myForm">

</div>

var arr = Object.keys (response) .map (function (k) {response [k]}); попробовал это тоже, никакой помощи!
@ Смита, пожалуйста, проверьте обновленный ответ.