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

Question

我对Angular有点困惑。我试图通过给出$ scope.data中的字段值来改变表单，但是虽然我知道我可以“看到”数据但是我无法显示它。

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

ng-click="openModal(data)" 

这将打开包含表单的模式，并将数据传递给openModal函数。我知道它有效，因为在openModal函数中调用了一个弹出窗口，上面写着“你正在访问数据：”，然后是行的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

从视图（HTML）中删除$ scope，因为{{}}括号已经双向绑定范围模型和视图： - 使用： -

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