angular中的路径问题

我们在写项目时会遇到启动页调到引导页,引导页再调到首页,

那我们在用angular框架写这种东西的时候如果我们不细心的话就会遇到问题,

比如说找不到引导页的图片等等。

那我们怎么解决这个问题呢?

首先我们要明确,我们使用的angular框架所以我们应该使用angular中的框架来解决这个问题,

而不是还是按照原来的思想按部就班的使用路径跳转。

下面我们就来看一下,

1、启动页跳到引导页

app.controller("zeroController",function ($timeout) {
    var timer = $timeout(function(){
        location.href="#/enter";//注意跳转路径
    },1000);
});

2、引导页跳到首页

//引导页
app.controller("enterController",function ($scope) {
    //Touchmove()手指在屏幕上移动的时候触发的事件,当手指在屏幕上移动的时候要阻止浏览器的
    document.addEventListener("touchmove",function (e) {
        var ev=e||e.widows;
        ev.preventDefault();
    },{passive:false});
    })(Zepto);
    $scope.enter=function () {
        location.href = "index.html#/reg";//问题的错误注意点
    }
});
时间: 2024-10-13 12:04:54

angular中的路径问题的相关文章

Angular中使用webpack

最近,在开发公司项目的时候,由于组件太多,发出请求太多,导致网站速度太慢,所以我们就有一种强烈的需求,那就是对开发的js进行打包.在对比了各种打包工具之后,最后我们选定了webpack.所以,在这一周除了研究了下如何跨域请求,最主要的时间都去研究webpack去了,虽然没有达到理想中的状态,但是基本的需求应该算是满足了,现在分享出来,希望对大家学习Angular有所帮助. 在正文之前,我先说下,我要分享的内容有: · webpack在Angular中使用 · 建立开发环境与生产环境 · 优化打包

Angular中通过$location获取地址栏的参数详解

Angular中通过$location获取url中的参数 最近,项目开发正在进行时,心有点燥,许多东西没来得及去研究,今天正想问题呢,同事问到如何获取url中的参数,我一时半会还真没想起来,刚刚特意研究了一下,常用的方法就以下几种: 1.获取当前完整的url路径 var absurl = $location.absUrl();     //http://88:8100/#/homePage?id=10&a=100 2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值) var ur

Angular中使用bootstrap样式

Angular中使用bootstrap样式 Angular中引入bootstrap的方法 ? 方法1:在Angular.json中的styles数组中添加bootstrap路径 如下所示: "styles": [ "src/styles.css", "./node_modules/bootstrap/dist/css/bootstrap.min.css" ] 这里需要注意路径问题,不同Angular版本下,Angular.json的位置可能有所不

【04-10】java中的路径

java中的路径 System.getProperty("user.dir")  获取工程的绝对路径 Class.class.getClass().getResource("/").getPath()  类的绝对路径 jsp中的路径 request.getRequestURI() 得到相对地址 request.getRequestURL()  得到地址栏地址 request.getContextPath() 得到工程名 request.getServletPath(

(七)理解angular中的module和injector,即依赖注入

依赖注入(DI)的好处不再赘言,使用过spring框架的都知道.angularjs作为前台js框架,也提供了对DI的支持,这是javascript/jquery不具备的特性.angularjs中与DI相关有angular.module().angular.injector(). $injector.$provide.对于一个DI容器来说,必须具备3个要素:服务的注册.依赖关系的声明.对象的获取.比如spring中,服务的注册是通过xml配置文件的<bean>标签或是注解@Repository.

angular中的通信方式

在项目中,我们可能会很经常性的利用到控制器之间的相互通信,在angular中的控制器之间的相互通信有以下几种方式: 1)通过本地数据的存储localstorage,sessionstorage, 2)通过rootScope,顶级作用域 3)通过$broadcast,$on,$emit的方式进行通信 在此就讲解下如何通过第三种方式进行通信的问题: $broadcast:顾名思义是广播的意思,一般用于父级控制器向子控制器传递信息的方法. $emit:主要是用于子控制器向父控制器传递信息的方法. $o

Angular中的jsonp

1.一般我们使用Angualr中的jsonp值这样使用的:注入$http服务 这样使用jsonp的方式可以支持多数api,但是douban不支持无法使用 1 module.controller('InTheatersController',['$scope','$http', function($scope,$http){ 2 4 var doubanApiAddress = 'https://api.douban.com/v2/movie/in_theaters'; 5 6 /!*在angua

angular中自定义依赖注入的方法和decorator修饰

自定义依赖注入的方法 1.factory('name',function () { return function(){ } }); 2.provider('name',function(){ this.$get=function(){ return function(){ } }; }); 3.service('name',function(){ this.n=v; }); 4.constant('name','value'); 5value('name','value'); 依赖的继承  

理解java Web项目中的路径问题

本文以项目部署在tomcat服务器为例,其他相信也是一样的. 先说明请求页面的写法,在web中,页面路径主要写的有以下几种 1.请求重定向 2.浏览器的请求被服务器请求到新页面(我称为“转发”) 3.超链接 4.form表单提交的action 为了演示路径写法,首先先建一个项目(项目名WebPath),并建立一个servlet(PathServlet) 目录结构如下 以访问目录中index.jsp文件为例,jxf.path.PathServlet.jave中对以上四种路径的写法(红色部分) 1