Question

我使用ng-repeat like显示一些模型实体，并添加一个twitter bootstrap模式。模态包含一个表单：

<div class="entity" ng-repeat="entity in model" ng-click="openModal()">
  <b>{{ model.title }}</b></br>
  <i>{{ model.content }}</i>
</div>
<!-- bootstrap modal ... -->
<div id="modal" ....

打开引导模式（包含表单）并在表单中显示实体数据的最佳做法是什么？

Answer 1

首先，请注意示例中有一个错误（entity.title而不是model.title）。

对于模态，您可以创建一个名为模态窗口的directive并将实体传递给它。

您可以通过openModal（实体）传递实体，并让模态窗口将属性绑定到它。

像

这样的东西

<强>控制器：

$scope.entity = {};
$scope.showModal = false;

$scope.openModal = function( entity ){
  $scope.entity = entity;
  $scope.showModal = true;
}

<强>模板：

<modal-window entity="entity"></modal-window>

如何使用AngularJS以模态显示实体的数据

1 个答案: