angularjs - 如何在 Angular 中创建动态 ng-model-6ren

angularjs - 如何在 Angular 中创建动态 ng-model

转载作者：行者123 更新时间：2023-12-04 02:18:48

如何在 Angular 中创建动态 ng-models？我试过了，但我想我很难让它运行。我得到的只是未定义的。这是我的代码。

<input type="text" class="form-control input-sm" ng model="teller[value.teller_id]" value="<% value.mac_address %>">

我计划拥有一个具有相同名称但仅按数字变化的 ng-model。我有一个包含 1-4 数字的对象。这是 value.teller_id。我想将它作为 teller1、teller2、teller3(teller[value.teller_id] 等)附加到 ng-model 中。它由 ng-repeat 循环，我没有任何问题，而是创建动态 ng-model 和更改数字将产生未定义。

 ng model="teller[value.teller_id]" <---- doesn't work

我想实现 teller1、teller2 等。

谢谢!

最佳答案

是的。我们可以动态生成 ng-model 名称。

var app = angular.module('myApp', []);

app.controller('MainCtrl', function($scope) {
  $scope.teller = {};
  $scope.name = [{
    "id":1
  },{
    "id":2
  }]
});

<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <div ng-repeat="x in name">
      <input type="text" ng-model="teller[x.id]" />
    </div>
    <pre>{{teller | json}}</pre>
  </body>

</html>