zoukankan      html  css  js  c++  java
  • angular.fullpage.js指令的使用方法(详解)

       接之前,jquery.fullpage在angular单页应用中存在重复初始化,分页器加倍问题,索性直接找到了angular.fullpage.js全屏滚动指令应用

       angular-fullpage文档这里(将的不仔细自己做有点麻烦,不过有个demo)

      demo的却也不好看,直接上代码详解

      1、首先得引用文件(当然angular.js必须的,省略)

       2、导入angular.module内(fullPage.js放入,其他可以忽略自己用到的)

      3、 angular单页路由配置 state中加入(controllerAs:'vm'); 由于页面有两个地方用到写了两个

               ----有一个 controller和controllerAs的区别,网上找了下,大概自己理解,就是controller就是定义$scope作用域连用的,controllerAs可以用原声js 的this(请看下个步骤的this)来用的

      4、 由于是angular的指令,它的应用方法当然是(由于我两个地方用的,其如下)

      运用一个:

        

       运用的第二个 

      

        ** 注意 :  option的名字要一致,之前由于名字不一致,虽然可以滚动但是option中的参数完全不起作用。(option参数有哪些及含义自己到jquery.fullpage.js上看,上篇有链接可以参考)

        this相当于控制相对应的控制器,就不会出现重复初始化及分页器双倍的效果了

        其实还有一个没有解决就是分页器中分页点个数的控制????

         个人用法讲解,其他网站请不要随意应用

         有错误的,希望博友留言指正,谢谢

      

  • 相关阅读:
    Oracle 11g数据库详解
    1.Oracle数据库查看用户锁表和对表解锁的sql语句
    ORACLE性能优化- Buffer cache 的调整与优化
    excel数据生成sql insert语句
    Python_二叉树
    Python_自定义栈
    Python_内置四种队列
    Python_重写集合
    python_pycharm下拉前置标示
    python_形参何时影响实参
  • 原文地址:https://www.cnblogs.com/haijson/p/6783421.html
Copyright © 2011-2022 走看看