Angular - 将数据绑定到表单中？

Question

我对 Angular 有点困惑。我正在尝试通过为字段提供 $scope.data 的值来更改表单，但尽管我知道我可以 "see" 数据，但我无法显示它。

当我按下列表中的项目时，我使用它来获取数据：

ng-click="openModal(data)"

这将打开其中包含表单的模式并将数据传递给 openModal 函数。我知道它是有效的，因为在 openModal 函数中调用了一个 pop-up，上面写着 "You are accessing data:" 然后是行的 id，或标题或其他什么。

现在我想要的是用数据来改变视图，表格。我想要这个：

 <input type="text" placeholder="Namegoeshere" value="{{$scope.data.nameOfRecord}}">

虽然我在输入字段中得到的只是文本 [object.Object]。

我知道正在通过完整记录，因为

console.log("The data is: ", data);

为我提供了我可以在控制台中检查的完整记录。

为什么我无法访问表单中的数据？！

Answer 1

尝试使用

 <input type="text" placeholder="Namegoeshere" ng-model="data.nameOfRecord">

改为

 <input type="text" placeholder="Namegoeshere" value="{{$scope.data.nameOfRecord}}">

Answer 2

从视图中删除 $scope(HTML) 因为 {{}} 括号已经通过两种方式将范围模型与视图绑定：- 使用：-

<input type="text" placeholder="Namegoeshere" value="{{data.nameOfRecord}}">

Angular - binding data into a form?