javascript - 从父Angular数据创建可编辑子项 - Thinbug

从父Angular数据创建可编辑子项

时间：2014-07-28 23:42:40

标签： javascript angularjs

在Angular中有没有本地方法可以做这样的事情？我知道ng-repeat，但不知道如何在这个实例中实现它。

基本上，它会使用增加的数字复制Id编号，例如1001,1002等，并且能够创建新的名称。

所以：

身份证号码：1000
鲍勃
身份证号码：1001
苏
身份证号码：1002
Rumplestiltskin

表格数据：

<body ng-controller="MainCtrl">
  Enter Name:
  <input type="text" ng-model="name">
  <br />
  <div id="data">
    Id Number: {{num}}
    <br />Name: {{name}}
  </div>
  <form ng-submit=incNum()>
    <input class="btn btn-primary" type="submit" value="New User">
  </form>
</body>

控制器：

app.controller('MainCtrl', function($scope) {
  $scope.num = 1000;
  $scope.incNum = function ()
  {
    $scope.num ++;
    $scope.data.clone();
  }
});

1 个答案:

答案 0 :(得分：0)

共。这是Angular闪耀的地方。只需将一个对象添加到一个数组中，然后让ng-repeat完成工作。试试这个。

HTML

Enter Name: <input type ="text" ng-model="name"> <br />
<div id="data">
  Id Number: {{num}}<br />
  Name:  {{name}}
</div>
<form ng-submit=addUser()>
  <input class="btn btn-primary" type="submit" value="New User">
</form>
<div ng-repeat="user in users">{{user.name}}: {{user.id}}</div>

的Javascript

$scope.num = 1000;
$scope.users = [];

$scope.addUser = function () {
  $scope.num++;
  $scope.users.push({
    name: $scope.name,
    id: $scope.num
  });
}