0

私はangularjsの初心者です

ブートストラップでモーダルを使いたい

しかし、私のページには何の影響もありません

エラーメッセージはありません

ここに私のコードがあります

<div ng-controller="MainCtrl">
<button class="btn" ng-click="open()">Open me!</button>
<div modal="shouldBeOpen" close="close()" options="opts">
    <div class="modal-header">
        <h3>I'm a modal!</h3>
    </div>
    <div class="modal-body">

    </div>
    <div class="modal-footer">
        <button class="btn btn-warning cancel" ng-click="close()">Cancel</button>
    </div>
</div>


'use strict';

angular.module('yeomanContactsAppApp')
  .controller('MainCtrl', function ($scope) {
   $scope.open = function () {
      $scope.shouldBeOpen = true;
    };

$scope.close = function () {
  $scope.closeMsg = 'I was closed at: ' + new Date();
  $scope.shouldBeOpen = false;
};

$scope.items = ['item1', 'item2'];

$scope.opts = {
  backdropFade: true,
  dialogFade:true
};});

ボタンをクリックしてモーダルを表示するのではなく、モーダルコンテンツを直接表示しますか？私はとても混乱しています、助けてください

どうもありがとう ！

4

1 に答える 1

0

どのブートストラップ バージョンを使用していますか? HTML が完全なブートストラップである場合、role='dialog' などの一部が欠落しているように見えます。

デフォルト$scope.shouldBeOpenで false に設定してから、関数で切り替えます。それなら、直接開くべきではないと思います。

angular.module('yeomanContactsAppApp')
  .controller('MainCtrl', function ($scope) {
   $scope.shouldBeOpen = false;
...
});

スクリプトは正常に動作しますが、html が間違っている可能性があります。ブートストラップでAngularを問題なく使用しました。

于 2013-09-09T10:02:32.173 に答える