Не удается заставить работать программу «прятки и показы»

0

Я работаю над своим первым Угловым сайтом, и все идет хорошо на первой странице. Вторая страница должна появиться и заменить первую, когда она соответствует условию, установленному с помощью ng-show, html-код ниже

<body ng-controller="gameController">
    <div class="container">
        <div ng-hide="message == null">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <h2>
                        <img ng-src="{{headerSrc}}" style="width: 300px; height: 250px" />
                    </h2>

                    <h3>
                        {{ message }}
                    </h3>
                 .
                 .
                 .
                        <div class="form-group">
                            <button id="startBttn" style="color:white;background-color:green;width:200px;height:45px" ng-click="startGame()">Start Game</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div ng-show="message == null">
            <form name="frmPlayGame" validate class="form-inline">

Когда нажимается startBttn, он запускает startGame, который устанавливает сообщение в значение null в функции моего контроллера gameController.js - $ scope.startGame = function() {$ scope.message = ""; } Я ожидал, что когда сообщение будет установлено равным null, что моя первая страница скроется, а вторая заменит его, но ничего не произойдет, может кто-нибудь, пожалуйста, скажите мне, почему.

  • 0
    Вы устанавливаете сообщение на ''. Это пустая строка и не считается такой же, как ноль ...
Теги:
visual-studio

1 ответ

1
Лучший ответ

Вы устанавливаете сообщение на пустую строку и затем проверяете значение null.

Вам нужно проверить пустую строку:

<div ng-show="message != ''">

Или установите сообщение null:

$scope.startGame = function () { $scope.message = null; }
  • 0
    Да, установка на ноль сработала, спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню