как использовать переменную в типе ввода

Question

в моей форме у меня есть метка и входное значение, которые приходят из json, как это

"attribut1":{
  "name":"attrib1",
  "type":"text"
},

"attribut2":{
  "name":"attrib2",
  "type":"number"
}

Так что для метки я просто помещаю value.name, оно дает мне имя, но когда я помещаю внутрь тип входного значения. Type, оно не работает как

<label for="key">{{value.name}}</label>
<input type="value.type" class="form-control form-control-rounded" id="key" placeholder="">

Я не знаю, как задать тип переменной, мне нужна помощь, пожалуйста

Answer 1

Используя JQuery, вы можете установить значение поля ввода, например:

$("#inputFieldID").val(value.name);
$("#inputFieldID").clone().attr('type',value.type).insertAfter("#inputFieldID").prev().remove();

Answer 2

Используйте двойные фигурные скобки для установки атрибута.

var myApp = angular.module('DemoApp', []);

myApp.controller('DemoCtrl', function() {
  this.inputs = {
    "attribut1": {
      "name": "attrib1",
      "type": "text"
    },

    "attribut2": {
      "name": "attrib2",
      "type": "number"
    }
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="DemoApp" ng-controller="DemoCtrl as ctrl">

  <ng-container ng-repeat="a in ctrl.inputs">
    <label>{{a.name}}</label>
    <input type="{{a.type}}">
  </ng-container>

</div>

Answer 3

Я думаю, что вы можете сделать это только с Javascript, так что просто используйте что-то вроде этого, чтобы получить переменную внутри.

<label id="key_label" for="key">{{value.name}}</label>
<script>
document.getElementById("key_label").innerHTML = myObj.name;
</script>