Question

这是index.html文件

<!doctype html>
<html ng-app="mm">
<head>
    <title>Country page</title>
    <script src="js/angular.js"></script>
    <link href="js/bootstrap.css" rel="stylesheet" />
    <link href="js/bootstrap-theme.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <script src="app.js"></script>
    <style>
        .box {
            margin:0px auto;
            width: 400px
        }

    </style>
</head>
<body>
    <div class="box" ng-controller="mc">
        <p ng-if="bool">Hello!!!</p>
    </div>
</body>
</html>

这是app.js文件

var mm = angular.module('mm', []);
var mc = mm.controller('mc', function ($scope){
    $scope.bool = false;
});

我非常喜欢AngularJS，我很困惑为什么＆＃34;你好!!!＆＃34;仍然在我的页面上，但我的bool变量是＆＃34; false＆＃34;。

Answer 1

你正确地做了一切，可能你应该检查是否加载了角度（使用console.log(angular)）。

它对我有用：https://jsfiddle.net/shimonb/h44rduky/3/

Answer 2

尝试将您的代码更改为<div ng-show="bool">Hello!!</div>

Answer 3

我刚刚设置了AngularJS版本1.4.2，现在一切正常！谢谢大家的帮助！

AngularJS如果声明

3 个答案: