AngularJS if statment

Question

This is index.html file

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

This is app.js file

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

I am very beginer at AngularJS and I am confused why "Hello!!!" still on my page but my bool variable is "false".

Your code is working. AngularJS is not loaded!

Sudhansu Choudhary
– Sudhansu Choudhary

2015-07-06 19:35:01 +00:00
Commented Jul 6, 2015 at 19:35 — Sudhansu Choudhary
– Sudhansu Choudhary, Commented Jul 6, 2015 at 19:35
which version of angular are you using in this example?

Claies
– Claies

2015-07-06 19:57:21 +00:00
Commented Jul 6, 2015 at 19:57 — Claies
– Claies, Commented Jul 6, 2015 at 19:57

Shimon Brandsdorfer · Accepted Answer · 2015-07-06 19:24:12Z

1

You are doing correctly everything, May be you should check if angular is loaded, (with console.log(angular) ).

It does work for me: https://jsfiddle.net/shimonb/h44rduky/3/

answered Jul 6, 2015 at 19:24

Shimon Brandsdorfer

1,7239 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

wmaxlees · Accepted Answer · 2015-07-06 20:21:56Z

1

Try to change your tag to <div ng-show="bool">Hello!!</div>

answered Jul 6, 2015 at 20:21

wmaxlees

6051 gold badge5 silver badges22 bronze badges

Comments

Dmitry · Accepted Answer · 2015-07-07 06:11:54Z

0

I just set up AngularJS version 1.4.2 and now everything is ok! Thanks all for help!

answered Jul 7, 2015 at 6:11

Dmitry

3311 gold badge3 silver badges10 bronze badges

Collectives™ on Stack Overflow

AngularJS if statment

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related