Javascript 如何使用angular将表单输入动态推送到对象文字中

我是angular编程的初学者，我正在寻找一些关于如何使用这种语言与对象文字交互的示例。不幸的是，我没有找到任何可以回答我关于这个主题的问题的示例。因此，如果我有这个HTML文件：

姓名： 街道服装： 地址地点： 地址区域： 后代码： 地址国家： 标志： 网址： 图片： 你的JSON {{mtl}}

---

实际上，您几乎不需要任何努力就可以做到这一点：您可以使用以下另一种表示法：

var obj={
    "@graph":[{
         "@type":"anyValueHere"
     }]
};

您可以覆盖如下值： obj['@graph'][0]['streetAddress']=多伦多

因此，您将得到这个新的json对象：

{
    "@graph":[{
         "@type":"anyValueHere",
         "streetAddress":"Toronto"
    }]
}

基于这种符号，你可以这样做：

var obj={
    "@graph":[{
         "@type":"anyValueHere"
     }]
};

这是您的html：

<div ng-controller="reely">
        <form>
            Name:
            <input type="text" ng-model="mtl['@graph'][0]['schema:name']" >
            <br/>
            StreetAdress:
            <input type="text" ng-model="mtl['@graph'][0]['schema:address'].streetAdress" >
            <br/>
            AddressLocality :
            <input type="text" ng-model="mtl['@graph'][0]['schema:address'].addressLocality" >
            <br/>
            AddressRegion:
            <input type="text" ng-model="mtl['@graph'][0]['schema:address'].addressRegion" >
            <br/>
            postalCode :
            <input type="text" ng-model="mtl['@graph'][0]['schema:address'].postalCode" >
            <br/>
            AddressCountry:
            <input type="text" ng-model="mtl['@graph'][0]['schema:address'].addressCountry" >
            <br/>
             Logo:  <input type="text" ng-model="mtl['@graph'][0]['schema:logo']" ><br/>
          Url: <input type="text" ng-model="mtl['@graph'][0]['schema:url']" ><br/>
          Image:<input type="text" ng-model="mtl['@graph'][0]['schema:image']" ><br/>
          </form>
          <h1>
            Your JSON
          </h1>
          <p>
            {{mtl}}
          </p>
    </div>

如您所见，直接从html使用mtl对象，只需使用object[property]表示法

---

因此，我希望它有帮助，如果有帮助，你可以标记为正确答案：D

你的问题非常不清楚，而且它也没有说明你已经尝试了什么。在有JSON的代码中，放入{{place}，您将看到对象文本作为您的类型填充到字段中。另外，发布控制器代码。但我想要的是通过实现我在postOk中输入的对象的样式来填充对象文本。您尝试了什么？你的控制器代码在哪里？对不起，我刚刚添加了它