10 
$('body').on('click', '#save-btn', function () { 
      $('#greetingsModal').modal('show'); 
 });


<div id="greetingsModal" class="modal hide fade" tabindex="-1" role="dialog" aria-  labelledby="myModalLabel" aria-hidden="true">
<div class="alert alert-success">        
     <a href="../admin/Supplier" class="close" data-dismiss="alert">x</a>
    <strong>Well done!</strong>.
</div>

「save-btn」がクリックされるたびに、上記のスタイルを使用してポップアップ メッセージを表示したいと考えています。上記のコードは正常に動作しますが、この方法では多くの時間遅延が発生します。angular を使用してそのような警告メッセージを表示する方法はありますか?

4

2 に答える 2

14

Bootrstrap-UI にはかなり優れたアラートがあります。すべてのアラートに同じ場所を使用できます。コンテンツを変更するだけです。

HTML 

<div class="alert alert-success" ng-show="showSuccessAlert">
   <button type="button" class="close" data-ng-click="switchBool('showSuccessAlert')" >×</button>
   <strong>Done!</strong> {{successTextAlert}}
 </div>

JS

$scope.successTextAlert = "Some content";
$scope.showSuccessAlert = true;
....
// switch flag
$scope.switchBool = function(value) {
   $scope[value] = !$scope[value];
};

デモFiddle

[編集]

アラートをダイアログに入れることに興味がある場合は、ここに他のデモがありますPlunker

于 2013-10-18T06:14:37.567 に答える