角度 - 将数据绑定到表单中

Angular - binding data into a form?

本文关键字：表单 数据绑定 角度      更新时间：2023-09-26

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

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

ng-click="openModal(data)"

这将打开包含窗体的模态，并将数据传递给 openModal 函数。我知道它正在工作，因为在 openModal 函数中调用了一个弹出窗口，上面写着"您正在访问数据："，然后是行的 id，或者标题或其他什么。

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

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

我在输入字段中得到的只是文本 [对象。对象]虽然。

我知道正在传递完整的记录，因为

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

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

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

尝试使用

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

相反

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

从视图（HTML）中删除$scope，因为 {{}} 括号已经双向将作用域模型与视图绑定：-用：-

<input type="text" placeholder="Namegoeshere" value="{{data.nameOfRecord}}">
相关文章：