ng-show不能用于bootstrap模式

时间:2016-04-30 12:36:47

标签: angularjs

HTML

<div class="modal fade" id="modal_initial"  tabindex="-1"    
     ng-show="myModal" data-backdrop="static" role="dialog"></div>

JS

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

    $scope.myModal = true;

});

设置$scope.myModal = true,仍然无法找到模态打开。

1 个答案:

答案 0 :(得分:0)

从w3schools.com检查Bootstrap模式。这清楚地解释了。 触发模型的示例

“触发器”部分:

要触发模态窗口,您需要使用按钮或链接。

然后包含两个data- *属性:

data-toggle =“modal”打开模态窗口 data-target =“#myModal”指向模态的id