AngularJSのng-repeat(work in workList
)から動的データを取得する単一のモーダルを作成しようとしています。つまり、動的コンテンツを1つのモーダルに追加するだけで複数のモーダルが生成されないように、ng-repeat内にはモーダルが存在しません。ここに私の見解です:ここではng-repeat内部からの単一モーダルデータの引き出し
<div ng-controller="mainController">
<div ng-repeat="work in workList"
//some other code here...
<div ng-controller="modalController">
<button ng-click="open_modal(work)" data-toggle="modal" data-target="#myModal">
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<h2>
{{ timechosen.data.name }}
</h2>
</div>
</div>
は私modalController
です:
angular
.module('testApp')
.controller('modalController', ['$scope', function($scope) {
$scope.open_modal = function(time_chosen) {
$scope.timechosen = time_chosen.data;
}
}])
、{{ timechosen.data.name }}
は何も表示されないと私はそれは私が私のmainController
に$scope.timechosen
を設定する際ためのネストスコープの問題ですかなり確信しています、それは正常に動作するようです。しかし、私は$scope.timechosen
をmodalControllerに設定する必要がありますが、可能な入れ子スコープの問題を回避する方法が見つからないようです。何か案は?