Question

我的任务是实现一系列教程屏幕。用户要么从一个移动到另一个，要么选择退出，在这种情况下，教程本身就会消失。

有一个外部div包含每个“步骤” - 步骤1，步骤2，步骤3等。如果用户单击“继续”按钮，则显示后续步骤。这是第一步（编号为0）：

<div class="outerdiv" ng-show=isTutorialVisible>
   <div class="step step--0" ng-show="go-to-step == 0">
     <div class="row-fluid">
           <h2 class="welcome__head">Welcome to Our Store</h2>
                 <div class="welcome__buttons">
                    <a href="" class="button">No, thanks</a>
                    <a href=""  class="button--primary"
                              ng-click="moveToNextScreen(1);">Continue</a>
                       </div>
                  </div> 
         <div class="span3">
            <button type="button" class="close-button" ng-click="close();">Close</button>
        </div>
    </div>

因此，单击“继续”按钮可使用户进入下一步。

我在控制器中：

 $scope.goToStep = 0;    //or should this just be var goToStep?
 $scope.moveToNextScreen = function (screenNumber){
  goToStep = screenNumber;
 }

但是当页面运行时，如果我在控制台中输入作用域上的任何变量，例如goToStep，它会显示未定义的ReferenceError。那是为什么？

感谢您的帮助。

Answer 1

在此：

goToStep = screenNumber;

goToStep未定义。你应该使用：

$scope.goToStep = screenNumber;

在angularjs中创建一系列显示/隐藏屏幕

1 个答案: