Twitter bootstrap Angularjs在包含对ui.bootstrap的依赖性后不工作
我的html文件是:Twitter bootstrap Angularjs在包含对ui.bootstrap的依赖性后不工作,twitter-bootstrap,angularjs,Twitter Bootstrap,Angularjs,我的html文件是: <html ng-app="myApp"> <head> <meta charset="utf-8"> <title>example</title> <script src="angularjs"></script> <script src="bootstrapjs"></script> <script src="ap
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<title>example</title>
<script src="angularjs"></script>
<script src="bootstrapjs"></script>
<script src="appjs"></script>
<link rel="stylesheet" type="text/css" href="bootstrap_min_css" media="all">
<link rel="stylesheet" type="text/css" href="bootstrap_responsive_min_css" media="all">
<link rel="stylesheet" type="text/css" href="appcss">
</head>
<body>
<div id="parent" ng-controller="parentCtrl">
<div id="login" ng-controller="loginCtrl" ng-show="is_new_user">
The value of ng-show is : {{is_new_user}}
</div>
</div>
</body>
</html>
但是当我删除ui.bootstrap时,我的angularjs工作(显示“ng sho的值为:false”)。但当我添加ui.bootstrap时,它在浏览器中显示{{is_new_user}}(意味着angularjs不工作)
我还检查了所有的js和css文件是否已加载到浏览器中。您是否编辑了app.js?Hi@BlackSea,编辑成什么?您是否编辑了app.js文件?上面显示的index.html和app.js是最新的。但当我使用'ui.bootstrap'时,它会在浏览器中显示{{is_new_user}}。当我删除“ui.bootstrap”时,它会显示正确(false)并且工作正常。我不确定问题出在哪里。@user2745266必须加载2个文件:Angular bootstrap及其模板-包括bootstrap-.js和bootstrap tpls-.js
var myApp = angular.module('myApp', ['ui.bootstrap']);
myApp.controller('parentCtrl', ['$scope', function($scope) {
$scope.is_new_user = false;
}]);
myApp.controller('loginCtrl', ['$scope', function($scope) {
$scope.is_new_user = $scope.$parent.is_new_user;
}]);