探讨AngularJs中ui.route的简单应用

前端之家收集整理的这篇文章主要介绍了探讨AngularJs中ui.route的简单应用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

html页面代码

@H_502_3@   
502_3@   
502_3@ @H_502_3@

需要引用的ui.router.js文件

@H_502_3@

app.js

将UI-Router作为web应用的依赖,注入到主程序:

url:url选项将会为该应用的状态指定一个URL基于用户浏览该应用所在的状态(地址显示链接)。这样当在浏览该应用的时候便能实现深度链接效果

  url: '/competition-enroll',
views: {
    'enroll@': {
@H_502_3@

需要注意的是:ui.router使用的是$stateProvider,ngRoute使用的是$routeProvider。

$state.go

$state.go(to,[,toParams],options])

形参to是string类型,必须,使用"^"或"."表示相对路径;

形参toParams可空,类型是对象;

形参options可空,类型是对象,字段包括:location为bool类型默认true,inherit为bool类型默认true,relative为对象默认

$state.$current,notify为bool类型默认为true,reload为bool类型默认为false

$state.go('photos.detail')

$state.go('^')到上一级,比如从photo.detail到photo

$state.go('^.list')到相邻state,比如从photo.detail到photo.list

$state.go('^.detail.comment')到孙子级state,比如从photo.detail到photo.detial.comment

以上所述是小编给大家介绍的AngularJs中ui.route的简单应用。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的JavaScript相关文章