首页 > 互联网 > 设计制作 > 网页设计 > javascript编程技巧方法

javascript编程技巧方法

   来源:学问社    阅读: 1.52W 次
字号:

用手机扫描二维码 在手机上继续观看

手机查看

关于ui-router中嵌套路由中的问题

javascript编程技巧方法

1.首先我们的页面层次为

其中是我们的主页,我们要在中对路由进行统一的管理。

页面中有一个ui-view在这里将填充,同时被填充的中也有一个ui-view

这样就实现了嵌套路由。

最终效果:

当我们点击Page-1时出现的是Page1中的`内容,同理点击Page-2。

下面是实际的代码

-------------------------------------

Main page

le("myApp",["er"])ig(function($stateProvider){$e("PageTab",{url:"",templateUrl:""})e("1",{url:"/Page1",templateUrl:""})e("2",{url:"/Page2",templateUrl:""})})

-------------------------------------

PageTab

Page-1Page-2

-------------------------------------

Page1

-------------------------------------

Page2

以上是全部的页面代码,中js库需要手动导入

动画设计
网页设计
环境设计
美工设计
平面设计
计算机辅助设计
广告设计
室内外设计