javascript - 如何在输入类型文本的angularjs中命名="skills[]"？

Question

在 php 中，我们通常使用 name="skills[]"从表单中获取数据作为数组，但如何在 angularjs 中执行此操作？PHP 示例:

<input type="text" name="skills[]" />

我想在 AngularJS 中做同样的事情，但出现语法错误。我正在尝试这样:

我的代码:

<input type="text" name="skillname" required data-ng-model="c.skills[].skillname" class="small">
<input type="text" name="skillname" required data-ng-model="c.skills[].skiilname" class="small">

需要帮助。谢谢。

Answer 1

在 Angular 中，数据决定您的 UI，而不是相反。你的 Controller 中应该有 skills 数组

app.controller('MainCtrl', function($scope) {
  $scope.skills = [
    {},
    {},
    {}
  ];
});

你将把它提供给 ng-repeat 或其他东西。

<div ng-repeat='skill in skills'>
  <input ng-model='skill.name' />
</div>

这样，在页面上添加新的文本字段就像将新元素推送到数组一样简单，$scope.skills.push({})。无需创建 DOM 元素或任何东西。这是 Angular 方式。

演示:http://plnkr.co/edit/Uqldnst3gnF07SJGV6Bn?p=preview