关于angular-route后获取路由标签的一些问题

要实现angular路由，我们需要用到angular.js和angular-route.js

在接入网络的情况下，很多网站都可以下载到这个文件。

然后呢，将文件引入到你的HTML中，然后是基础格式

html

js

这里声明一下，ng-controller不是必须的当我们仅是使用路由不使用控制器时，它是可以去除的。

当时我写过一个用angular路由一个页面的案例，其中包含轮播图，以及zepto.js的一个左切效果，因为页面除了头部和尾部全部是由angular路由来的；

这是一段左切显示按钮的代码，当我切动时，它的效果不能实现。

原因是：因为window.load事件触发的时候，angular还没有开始渲染，所以你写在window.load事件里的函数执行的时候还没有那些元素，你应该等angular渲染完成之后再初始化轮播；

解决的方法：我们可以在我们代码前加入一个一次性计时器  setTimeout

因为setTimeout是在window.onload后运行，所有接可以解决这个小问题了。

你也可以使用angular的其他插件，因为使用angular的基本原则，就是不要想着去操作DOM

时间： 2024-10-12 18:52:48

关于angular-route后获取路由标签的一些问题的相关文章

angular -- $route API翻译

$route -$routeProvider服务 -依赖ngRoute模块 $route能够在路径发生改变的时候,渲染不同的视图,调用不同的控制器.它监测了$location.url(),然后根据路径来匹配相应的路由,路由的定义方法详见$routeProvider的API. $route通常和$routeProvider服务和ngView指令一起使用 依赖: $location$routeParams 方法: reload() 在路由没有改变的时候,再次加载当前路径的路由,重新渲染ng-view

使用 Angular RouteReuseStrategy 缓存（路由）组件

使用 Angular RouteReuseStrategy 缓存组件 Cache components with Angular RouteReuseStrategy RouteReuseStrategy provider 允许我们控制 Angular 路由和组件生命周期的行为. 当我们在组件间切换的时候,Angular都会销毁上一个组件,并且创建一个新的组件.在大多数情况下,我们可能不想让它这样工作,因为每次加载一个组件,可能会有很多类似HTTP请求一样的昂贵的操作. 这时候就需要RouteR

AngularJS路由系列(2)--刷新、查看路由,路由事件和URL格式，获取路由参数，路由的Resolve

本系列探寻AngularJS的路由机制,在WebStorm下开发.主要包括: ● 刷新路由● 查看当前路由以及所有路由● 路由触发事件● 获取路由参数 ● 路由的resolve属性● 路由URL格式 项目文件结构 node_modules/ public/.....app/..........bower_components/...............toastr/....................toastr.min.css....................toastr.min

React-Native在登陆成功或注销后销毁路由，只保留当前栈

前言 在移动APP中,我们经常会遇到登陆成功,或者注销后,不允许返回上一页面,这就需要我们清楚栈中的其余view, RN中我们应该如何处理呢? 方法 主要原理是借助于onDidFocus和immediatelyResetRouteStack两个方法实现. 对此我们先看看Navigator提供给我们默认的方法有哪些? getCurrentRoutes() - 获取当前栈里的路由,也就是push进来,没有pop掉的那些. jumpBack() - 跳回之前的路由,当然前提是保留现在的,还可以再跳回来

angular route 与 django urls 冲突怎么解决？

app.js var app = angular.module('app', [ 'ngResource', 'ngRoute', // 'ui.bootstrap', // 'ngResource', 'student', ]); app.config( function( $locationProvider, $routeProvider ){ $locationProvider.html5Mode({ enabled:true }) $routeProvider. when("/"

angular学习笔记(十七)-路由和切换视图

本篇介绍angular中如何通过判断url的hash值来显示不同的视图模板,并使用不同的控制器: 下面,通过一个例子,来一步一步说明它的用法: 我们要做一个邮箱应用,打开的时候显示的是邮件列表: 然后点击邮件主题,可以查看该邮件的详细内容: 点击返回列表,再回到列表页 一. 创建index页面: <!DOCTYPE html> <html> <head> <title>14.1路由和视图切换</title> <meta charset=&q

获取网站标签Icon

通常情况下,做网站的都会给自己的网站添加一个Icon,浏览器上一长排的标签页,用Icon来区分就显得更加醒目.现在想找一个没有Icon的网站并不好找,可见没有Icon的网站是多么的业余啊."什么?你问Icon是什么?你走吧,这是讨论技术的地方!" 想知道如何获取Icon,就要弄明白怎样设置Icon.先讨论一下设置Icon,再介绍获取Icon,并提供相应Java代码以供参考. 一. 设置网站Icon 设置Icon有两种方式: 1. 看一下我们专业的博客园,看到灰色部分了吗,在head标签

mybatis框架(6)---mybatis插入数据后获取自增主键

mybatis插入数据后获取自增主键 首先理解这就话的意思:就是在往数据库表中插入一条数据的同时,返回该条数据在数据库表中的自增主键值. 有什么用呢,举个例子: 你编辑一条新闻,同时需要给该新闻打上标签(可以一个或者多个:比如:女性,爱,钱等等),然后存储到数据库中.怎么存,肯定涉及到三张表,新闻表,标签表,新闻标签id关联表 新闻表插入数据简单,标签表插入数据简单.那新闻标签表呢,如何关联,那是不是需要新闻表和标签表插入数据的时候,返回它们的主键Id然后再存储到新闻标签表中. 这种场景还是蛮常

vue路由获取路由参数

vue路由设置路由参数有2种方式: 1.通过query配置: <router-link :to="{ name:'login',query:{id:1} }">登录</router-link> 通过query配置的路径显示如下: 2.通过params配置: <router-link :to="{ name:'register',params:{'name':'San'} }">注册</router-link> 通过qu