Question

我正在开发我的第一个Angular网站，一切顺利。当第二页符合使用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，它在我的控制器gameController.js的函数中将消息设置为null - $ scope.startGame = function（）{ $ scope.message =“”; } 我期待当消息设置为null时我的第一页会隐藏而第二页会替换它但没有任何反应，有人可以告诉我原因。

Answer 1

您正在将消息设置为空字符串，然后测试null。

您需要测试一个空字符串：

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

或者将消息设置为null：

$scope.startGame = function () { $scope.message = null; }

无法使用ng-hide和ng-show工作

1 个答案: