Question

我有一个简单的表格

 <form>
    Name:
    <input type="text" ng-model="edit"><br />
  </form>

和控制器中的一个简单数组

$scope.statuses = [
    {value: 1, text: 'status1'},
    {value: 2, text: 'status2'},
    {value: 3, text: 'status3'},
    {value: 4, text: 'status4'}
  ];

我在视图中重复数组

<div ng-repeat="x in statuses">{{x.text}}<button ng-model="edit">edit</button></div>

所以我想知道当我点击编辑按钮时，可以使用ng-model在表单输入字段中填充数据吗？ plunker

Answer 1

您可以使用yout按钮中的ng-click代替ng-model来实现此目的。

您的按钮必须在点击时运行一个功能，如下所示：

<button ng-click="editFunction(x)">edit</button>

然后在你的控制器中，有功能：

$scope.editFunction = function(x){
   $scope.edit = x.text;
}

在此功能中，您将获得x的值，并在表单ng-model中设置此值。

有一个有效的Plunker

是否可以在angularjs中使用ng-model预填充表单？

1 个答案: