javascript - 是否可以在 AngularJS 中使用 ng-model 预填写表单？

Question

我有一个简单的表格

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

Controller 中的一个简单数组

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

我在 View 中重复数组

<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>

然后在您的 Controller 中，有以下功能:

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

在此函数中，您将获取 x 的值并在表单 ng-model 中设置该值。

有一个工作 Plunker