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

Question

我用 ng-repeat 显示一些模型实体，并添加一个 twitter 引导模式。 modal 包含一个表单：

<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）。

至于模态，您可以创建一个名为 modal-window 的directive 并将实体传递给它。

您可以通过 openModal(entity) 传递实体，并让模态窗口为其绑定一个属性。

类似

控制器：

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

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

模板：

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