angularjs控制页面切换

问题描述

angularjs控制页面切换
 <!DOCTYPE html>
<html ng-app="ngView">
<head>
    <title>分页显示</title>
    <meta charset="utf-8">
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/angular.min.js"></script>
</head>
<body>

<div ng-view>

</div>

<script type="text/javascript">
 angular.module('ngView', [],
    function($routeProvider){
      $routeProvider
            .when('/',
            {
              templateUrl: 'demo.html'
            }
            )
            .when('/test1',
            {
              templateUrl: 'demo.html'
            }
            )
            .when('/test2',
            {
                templateUrl:'slindex.html'
            }
            );
    }
  );
</script>

</body>
</html>

通过CDN引如angular.js文件,然后翻墙,是可以运行实现的。但是通过本地文件进行引入就不会显示,是什么原因啊??

解决方案

有的浏览器限制访问本地文件,比如IE,放到服务器上即可、

时间: 2024-10-21 23:14:24

angularjs控制页面切换的相关文章

AngularJS应用页面切换优化方案

葡萄城的一款尚在研发中的产品,对外名称暂定为X项目.其中使用了已经上市的Wijmo中SpreadJS产品,另外,在研发过程中整理了一些研发总结分享给大家.如本篇的在页面切换的过程中优化方案,欢迎大家跟帖交流. 前言 AngularJS被用来开发单页面应用程序(SPA),利用AJAX调用配合页面的局部刷新,可以减少页面跳转,从而获得更好的用户体验.Angular的ngView及其对应的强大路由机制,是实现SPA应用的核心模块.本文所说的页面切换指的就是这个路由机制,即根据不同的URL展示不同的视图

使用AngularJS实现可伸缩的页面切换的方法

这篇文章主要介绍了使用AngularJS实现可伸缩的页面切换的方法,AngularJS是一款热门的JavaScript库,需要的朋友可以参考下 AngularJS 1.2 通过引入基于纯CSS class的切换和动画,在一个单页面应用创建页面到页面的切换变得更加的容易.只需要使用一个ng-view,让我们来看一下,一个引入众多的不同切换的可伸缩方法,以及指定的每个页面如何切入和切出. 演示: http://embed.plnkr.co/PqhvmW/preview 首先,标记: ? 1 2 3

html5各种页面切换效果和模态对话框用法总结

 本文详细总结了html5各种页面切换效果和模态对话框用法.分享给大家供大家参考.具体分析如下: 页面动画: data-transition 属性可以定义页面切换是的动画效果. 例如:<a href="index.html" data-transition="pop">I'll pop</a> data-transition 参数表: 参数说明 slide 从右侧向左滑入页面 slideup 从底部向上滑入 slidedown 从上向下滑入

如何利用pushState开发无刷页面切换

实现目标 页面的跳转(前进后退,点击等)不重新请求页面 页面URL与页面展现内容一致(符合人们对传统网页的认识) 在不支持的浏览器下降级成传统网页的方式 使用到的API history.state 当前URL下对应的状态信息.如果当前URL不是通过pushState或者replaceState产生的,那么history.state是null. history.pushState(state, title, url) 将当前URL和history.state加入到history中,并用新的stat

图片-点击标签进行两个页面切换(看图)

问题描述 点击标签进行两个页面切换(看图) 点击变换颜色,怎么实现的,求帮助. 解决方案 上面的那个带颜色的可以是个带颜色的view 改变他的frame 解决方案二: 用class通过js控制 解决方案三: 调用onclick方法,改变这个按钮的css样式,来回切换就是这个效果了

angular-AngularJs通过定义锚点链接控制页面输出

问题描述 AngularJs通过定义锚点链接控制页面输出 <!DOCTYPE html> <html ng-app="ngView"> <head> <title>分页显示</title> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min

Android使用Fragment打造万能页面切换框架_Android

首先我们来回忆一下传统用Activity进行的页面切换,activity之间切换,首先需要新建intent对象,给该对象设置一些必须的参数,然后调用startActivity方法进行页面跳转.如果需要activity返回结果,则调用startActivityForResult方法,在onActivityResult方法中获得返回结果.此外,每一个要展示的activity需要在AndroidManifest.xml文件中注册.而且,如果在某些特定的情况下(比如65536方法数爆炸)要动态加载dex

如何通过后台代码控制选项卡切换

问题描述 如何通过后台代码控制选项卡切换 $("#normaltab1").tabso({ cntSelect: "#normalcon1", tabEvent: "click", tabStyle: "normal" }); 页面上的效果是 鼠标点击 然后切换选项卡,现在我想通过后台代码来实现选项卡切换,能实现么?? 解决方案 最简单的是直接往客户端写入一段js,调用你的切换代码,这样你只需要维护代码的一个地方就可以了. 解

jquery控制页面的展开和隐藏实现方法(推荐)_jquery

[jquery代码]  <script> require(["jquery","validate","bootstrap","lhgcalendar"],function($) { $(function(){ $("form").validate(); }); $(".up").click(function(){ $(this).parent().parent().paren