0

いくつかのモデル エンティティを ng-repeat like で表示し、twitter ブートストラップ モーダルを追加します。モーダルには次のフォームが含まれています。

<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" ....

(フォームを含む) ブートストラップ モーダルを開き、エンティティのデータをフォームに表示するベスト プラクティスは何ですか?

4

1 に答える 1

0

まず、例にバグがあることに注意してください (entity.title ではなく model.title)。

モーダルに関しては、 modal-window というディレクティブを作成してエンティティを渡すことができます。

openModal(entity) を介してエンティティを渡し、モーダル ウィンドウにプロパティをバインドさせることができます。

何かのようなもの

コントローラ：

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

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

テンプレート：

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

于 2013-01-29T11:36:57.157 に答える