0

我的 html 文件是：

<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>

我的 app.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;
}]);

但是当我删除 ui.bootstrap 时，我的 angularjs 工作（显示“ng-sho 的值是：false”）。但是当我添加 ui.bootstrap 时，它会在浏览器中显示 {{is_new_user}} （意味着 angularjs 不起作用）。

我还检查了浏览器中是否加载了所有 js 和 css 文件。

4

0 回答 0