オブジェクトを ngRepeat からモーダル ウィンドウに渡そうとしています...次のように:
<div ng-repeat="slot in slots">
{{ slot }}<br>
<button ng-click="openModal()">Open</button>
</div>
<script type="text/ng-template" id="myModalContent.html">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">{{ slot.time }}</h4>
</div>
<div class="modal-body">
<p>body</p>
</div>
<div class="modal-footer">
footer
</div>
</div>
</div>
</script>
コントローラーで:
$scope.openModal = function () {
$modal.open({
templateUrl: 'myModalContent.html'
})
}
スコープを台無しにしてファンキーな動作を引き起こすことなく、スロットをモーダルに渡す正しい方法は何ですか? 私はスロットを通過しようとし<button ng-click="openModal(slot)">...
ましたが、奇妙なことが起こり始めました。何かアドバイス?