Question

我想用ng-model数据在bootstrap模态中预填充我的表单，所以我尝试了一些东西，但是没有成功。这是plunker我的代码。我已经尝试添加了解析函数，$scope对象返回到我的modalService，但它并没有像我预期的那样工作。谁能帮助我？谢谢:)）

Answer 1

从你的plunker开始，没有模型，所以什么都不会显示。

要在模型中显示数据，请按照与在其他位置显示数据相同的过程进行操作。

<div class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
    <p>One fine body&hellip;</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div>

然后，您将在模型结构后面添加{{object.name}}以显示数据。

例如

<h4 class="modal-title">{{title}}</h4>

如果你想在你的模态中使用一个表格，那么ng-model对你来说是正确的，你可以像这样使用它：

<form name="testForm" ng-controller="ExampleController">
  <input ng-model="name" name="anim" class="my-input"
         aria-describedby="inputDescription" />
</form>

这将双向绑定模型中的name属性到输入，然后输入将填充输入字段。您可以阅读有关ng-model here

的更多信息

预填充引导模态输入，其值来自AngularJS中的控制器

1 个答案: