使用AngularJS在输入字段中显示json数据

Question

我想使用AngularJS在html输入字段中显示JSON数据.这是代码.

我有两个HTML文件.第一个HTML文件包含一个显示json数据的表.当您单击一行时,它会打开一个带有表单的模式窗口(第二个HTML文件).

这是代码:JSON数据

var examples = [
   { 'id': '1', 'fname': 'john' },
   { 'id': '2', 'fname': 'bonnie' },
   { 'id': '3', 'fname': 'joey' }
];

这是代码:(第一个HTML文件)

...
<tr ng-repeat="item in examples" ng-click="open(this.item)">
   <td>{{ item.id }}</td>
   <td>{{ item.fname }}</td>
</tr>
...

第二个HTML文件:

...
    <input type="text" class="form-control" placeholder="ID" id="firstVal" value="">
...

我的控制器:

...
$scope.open = function (item) {
   console.log(item.id);
   $("#firstVal").val(item.id);
};
...

它不会在输入字段中插入值"id".我怎么能用AngularJS或jQuery做到这一点？在控制台中我得到了id的值.

Answer 1

<input type="text" class="form-control" placeholder="ID" ng-model="selectedId">

和

$scope.open = function (item) {
   console.log(item.id);
   $scope.selectedId = item.Id
};