AngularJS - 如何创建具有特定格式的表单？

Question

我是AngularJS的新手，我正在ACTIVITI工作。

我需要以特定格式创建表单。每个回复都必须采用以下形式：

{
    "taskId" : "5",
    "properties" : [
        {
            "id" : "room",
            "value" : "normal"
        }
    ]
}

用户在表单中输入一些文本，并输入属性＆＃34; value＆＃34;需要等于用户输入。

如何在AngularJS中达到此目的？

Answer 1

您将输入与ng-model指令绑定到您的值：

控制器：

$scope.toto = {
  "taskId" : "5",
  "properties" : [
    {
      "id" : "room",
      "value" : "normal"
    }
  ]
}

html的：

<input ng-model="toto.properties[0].value">

Answer 2

我想你想要这个：

<input ng-model="formInfo.taskId">
<input ng-model="formInfo.properties.id">
<input ng-model="formInfo.properties.value">

控制器：

console.log($scope.formInfo.taskId);
console.log($scope.formInfo.properties.id);
console.log($scope.formInfo.properties.value);