Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击时显示AngularJS消息_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript 单击时显示AngularJS消息

Javascript 单击时显示AngularJS消息,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有两个问题 如何显示初始消息和/或单击按钮。我的当前代码连续显示该消息。我希望它最初显示,一旦用户开始按其他按钮,我希望消息“开始猜测”消失,只有在用户单击“重新开始”按钮后才会出现 如何在用户单击放弃时显示正确答案 HTML 1) 需要时,使用ng hide隐藏元素: <span data-ng-bind="Message" ng-hide="hideMessage"></span> 在startGame功能中,将其设置为false: $scope.hideMess

我有两个问题

  • 如何显示初始消息和/或单击按钮。我的当前代码连续显示该消息。我希望它最初显示,一旦用户开始按其他按钮,我希望消息“开始猜测”消失,只有在用户单击“重新开始”按钮后才会出现

  • 如何在用户单击放弃时显示正确答案

  • HTML

    1) 需要时,使用
    ng hide
    隐藏元素:

    <span data-ng-bind="Message" ng-hide="hideMessage"></span>
    
    startGame
    功能中,将其设置为
    false

    $scope.hideMessage = false;
    
    2) 在HTML中添加标记:

    <div ng-show="showOriginal">{{previousOriginal}}</div>
    
    并删除
    showAnswer
    功能:

    $scope.original = Math.floor(Math.random() * 1000 + 1)
    
    最后,在
    startGame
    函数中,将其设置为false:

    $scope.showOriginal = false;
    

    真棒的朋友!但有一个问题。除了单击“重新开始”时答案不会消失外,其他一切似乎都正常工作。我必须刷新页面以隐藏答案。@FoxMuler我忘了那个案例。编辑我的帖子,现在应该可以了。现在不工作。这个看起来也很混乱。上一个我明白了。@Foxmulter小心点,我还将HTML修改为
    {{previousOriginal}}
    是的,放弃是不行的。我认为您在startName中说set$scope.showAnswer=true时也犯了一个错误,因为它将从一开始就显示答案。不管怎么说,它不起作用,我也无法解决这个问题。
    <div ng-show="showOriginal">{{previousOriginal}}</div>
    
    $scope.showOriginal = true;
    $scope.previousOriginal = angular.copy($scope.original);
    
    $scope.original = Math.floor(Math.random() * 1000 + 1)
    
    $scope.showOriginal = false;