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

【问题标题】：Angular - binding data into a form?Angular - 将数据绑定到表单中？
【发布时间】：2015-01-21 02:38:00
【问题描述】：

我对 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);

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

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

【问题讨论】：

【解决方案1】：

尝试使用

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

改为

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

【讨论】：

【解决方案2】：

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

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

【讨论】：