zoukankan      html  css  js  c++  java
  • AngularJS单页面路由配置恩,理解了就很简单啦

    利用route实现单页面跳转功能

    利用angularJS开发流程

    1)配置好angularJS开发环境

    2)利用 yo angular projectname创建项目目录

    3)删除掉系统自动生成的一些自己工程不需要的页面和脚本

    4)修改index.html,在

    <!-- Add your site or application content here -->

    以上注释下面写自己的样式内容,关键是

    <div class="container-fluid" id="main" style="float:left; calc(100% - 240px);">
    <div ng-view=""></div>

    </div>

    ng-view这个div是占位符,利用路由和模板功能将会在这个位置插入各个页面的html片段

    5)需要几个页面,就先利用yo angular:route routename创建出几个路由来,yo会自动生成对应的html和js文件,然后在对应的文件中添加相应内容即可
    6)注意函数作用域,哪个页面的function,也就是所谓的指令,就要在自己所对应的指令js文件中编写。

  • 相关阅读:
    分享几个原生javascript面向对象设计小游戏
    原生javascript模仿win8等待进度条。
    微信公众平台入门开发教程.Net(C#)框架
    AsyncDelegate
    Lock
    BackgroundWorker
    Thread
    深拷贝-浅拷贝
    WindowsService
    事件本质
  • 原文地址:https://www.cnblogs.com/carriej/p/6814922.html
Copyright © 2011-2022 走看看