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 和 bootstrap 没有任何问题。

于 2013-09-09T10:02:32.173 回答