Angularjs - ng-repeat 和嵌套范围

Question

我是 angularjs 的新手，并试图掌握在嵌套范围内访问数据的概念。 这是包含对象“联系人”的嵌套范围的主要范围“公司”：

$scope.company = 
      {
        companyName: "",
        contacts: {
          name: "",
          email: ""
        }
      }

我正在尝试生成一个表格，其中包含每一行中“联系人”范围内的数据。

 <tr ng-repeat="contact in company.contacts">
                    <td>
                        <input type="text" class="form-control" ng-model="contact.name"/>
                    </td>
                    <td>
                        <input type="text" class="form-control" ng-model="contact.email"/>
                    </td>
                </tr>

但似乎我在这里做错了，因为当我尝试显示主范围 {{company}} 中的数据时，实际上并没有发生任何事情。

我真的可以使用一些建议。谢谢。

Answer 1

您不想为此使用循环。 只需使用company.contacts.name 和company.contacts.email。

但是我怀疑您可能想要多个联系人，因此需要多个联系人。为此，您需要将联系人设为数组。 使用数组，您可以使用重复。

像这样：

$scope.company = 
      {
        companyName: "",
        contacts: [
         {
          name: "",
          email: ""
         },
         {
          name: "",
          email: ""
         }
        ]
      }

题外话：如果您刚刚学习 Angular1，并且还没有正在处理的大型项目，请切换到 Angular2+（目前为 6 个）。 AngularJs (1.x) 是一个仅长期支持一年半的框架。 （AngularJs (1.x) 和 Angular (>= 2 ) 是不同的框架。）