Я работаю над своим первым Угловым сайтом, и все идет хорошо на первой странице. Вторая страница должна появиться и заменить первую, когда она соответствует условию, установленному с помощью 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, что моя первая страница скроется, а вторая заменит его, но ничего не произойдет, может кто-нибудь, пожалуйста, скажите мне, почему.
Вы устанавливаете сообщение на пустую строку и затем проверяете значение null.
Вам нужно проверить пустую строку:
<div ng-show="message != ''">
Или установите сообщение null:
$scope.startGame = function () { $scope.message = null; }