angularjs modal прямо показать содержимое?

Question

Я новичок с 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 
};}); 

В результате получается прямое показ модального контента, а не кнопка для показа модального? Я так смущен, пожалуйста, помогите

спасибо большое!

Answer 1

Какая версия бутстрапа вы используете? Если html является полной загрузкой, похоже, что вам не хватает некоторых частей, таких как role = 'dialog' и т. Д.

по умолчанию $scope.shouldBeOpen false, а затем переключить его в свои функции. Тогда он не должен открываться напрямую, я думаю.

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

Сценарий прекрасно работает, может быть, его html неправильно. Я без проблем справлялся с бутстрапом.