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

大卫

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

有一个包含每个“步骤”的外部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。这是为什么?

谢谢你的帮助。

戴文·特伦

在此:

goToStep = screenNumber;

goToStep没有定义。您应该使用:

$scope.goToStep = screenNumber;

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在一系列代码中显示输出

来自分类Dev

如何从一系列样本中创建Observable?

来自分类Dev

在PostgreSQL 9.3中创建一系列日期

来自分类Dev

在R中创建一系列连接矩阵

来自分类Dev

在Matlab中根据一系列图像创建视频

来自分类Dev

如何从一系列事件中创建日历?

来自分类Dev

在 Python 中从一系列数字创建列表

来自分类Dev

在对象之后获取一系列对象,并相应地隐藏/显示它们

来自分类Dev

A-frame:通过单击隐藏另一个系列后显示一系列元素

来自分类Dev

让用户在首选项屏幕中从一系列数字中进行选择

来自分类Dev

让用户在首选项屏幕中从一系列数字中进行选择

来自分类Dev

如何在Excel中隐藏一系列行,直到值更改

来自分类Dev

搜索特定列中的一系列数字并隐藏不在该范围内的行

来自分类Dev

一系列由jQuery驱动的下拉菜单,可以隐藏和显示,但不能在Chrome浏览器中显示

来自分类Dev

通过在Excel VBA中单击每个按钮来创建一系列动态创建的按钮

来自分类Dev

活动记录:显示一系列对象中的第一个对象(优化)

来自分类Dev

如何创建一个简单的脚本(在Linux中)执行一系列命令?

来自分类Dev

如何根据从序列中取值的变量在 R 中显示一系列图?

来自分类Dev

如何从R中的一系列直径中创建3或4种直径类别?

来自分类Dev

如何使用Javascript创建一系列图像以在另一个图像下形成加载屏幕?

来自分类Dev

从R中的一系列传单地图创建gif

来自分类Dev

在bash脚本中的特定范围内创建一系列不同的随机数

来自分类Dev

根据Node.js中的问题数组创建一系列提示

来自分类Dev

如何在CloudKit中查询由一系列用户创建的记录?

来自分类Dev

在SwiftUI中从单个JSON文件创建一系列主要详细信息列表

来自分类Dev

如何在python中给定列表的情况下创建一系列JSON对象?

来自分类Dev

如何根据Google表格中的一系列值动态创建字符串

来自分类Dev

如何在C ++中创建Comparable接口并传递一系列可比对象?

来自分类Dev

在R中,如何使用for循环创建一系列图形

Related 相关文章

  1. 1

    在一系列代码中显示输出

  2. 2

    如何从一系列样本中创建Observable?

  3. 3

    在PostgreSQL 9.3中创建一系列日期

  4. 4

    在R中创建一系列连接矩阵

  5. 5

    在Matlab中根据一系列图像创建视频

  6. 6

    如何从一系列事件中创建日历?

  7. 7

    在 Python 中从一系列数字创建列表

  8. 8

    在对象之后获取一系列对象,并相应地隐藏/显示它们

  9. 9

    A-frame:通过单击隐藏另一个系列后显示一系列元素

  10. 10

    让用户在首选项屏幕中从一系列数字中进行选择

  11. 11

    让用户在首选项屏幕中从一系列数字中进行选择

  12. 12

    如何在Excel中隐藏一系列行,直到值更改

  13. 13

    搜索特定列中的一系列数字并隐藏不在该范围内的行

  14. 14

    一系列由jQuery驱动的下拉菜单,可以隐藏和显示,但不能在Chrome浏览器中显示

  15. 15

    通过在Excel VBA中单击每个按钮来创建一系列动态创建的按钮

  16. 16

    活动记录:显示一系列对象中的第一个对象(优化)

  17. 17

    如何创建一个简单的脚本(在Linux中)执行一系列命令?

  18. 18

    如何根据从序列中取值的变量在 R 中显示一系列图?

  19. 19

    如何从R中的一系列直径中创建3或4种直径类别?

  20. 20

    如何使用Javascript创建一系列图像以在另一个图像下形成加载屏幕?

  21. 21

    从R中的一系列传单地图创建gif

  22. 22

    在bash脚本中的特定范围内创建一系列不同的随机数

  23. 23

    根据Node.js中的问题数组创建一系列提示

  24. 24

    如何在CloudKit中查询由一系列用户创建的记录?

  25. 25

    在SwiftUI中从单个JSON文件创建一系列主要详细信息列表

  26. 26

    如何在python中给定列表的情况下创建一系列JSON对象?

  27. 27

    如何根据Google表格中的一系列值动态创建字符串

  28. 28

    如何在C ++中创建Comparable接口并传递一系列可比对象?

  29. 29

    在R中,如何使用for循环创建一系列图形

热门标签

归档