首页 > 代码库 > ionic 嵌套view 的方法
ionic 嵌套view 的方法
我一直想在一个页面的同一个 DIV 里面嵌入一个不同的 HTML文件 ....但是总是没有达到我要的效果.....才发现原来我没有加一个 name
我用angular-ui 插件 里面的样式 总是没有跳转....
1 <div ui-view></div>2 <!-- We‘ll also add some navigation: -->3 <a ui-sref="state1">State 1</a>4 <a ui-sref="state2">State 2</a>
在app.js 里面
1 myApp.config(function($stateProvider, $urlRouterProvider) { 2 // 3 // For any unmatched url, redirect to /state1 4 $urlRouterProvider.otherwise("/state1"); 5 // 6 // Now set up the states 7 $stateProvider 8 .state(‘state1‘, { 9 url: "/state1",10 templateUrl: "partials/state1.html"11 })12 .state(‘state2‘, {13 url: "/state2",14 templateUrl: "partials/state2.html"15 })16 });
或者是这种方法
1 <div ui-view="viewA"></div>2 <div ui-view="viewB"></div>3 <!-- Also a way to navigate -->4 <a ui-sref="route1">Route 1</a>5 <a ui-sref="route2">Route 2</a>
而在app.js 中
1 myApp.config(function($stateProvider) { 2 $stateProvider 3 .state(‘index‘, { 4 url: "", 5 views: { 6 "viewA": { template: "index.viewA" }, 7 "viewB": { template: "index.viewB" } 8 } 9 })10 .state(‘route1‘, {11 url: "/route1",12 views: {13 "viewA": { template: "route1.viewA" },14 "viewB": { template: "route1.viewB" }15 }16 })17
24 });
我发现都没有达到我要的效果...
突然才发现我错了
ionic 比较是改过的...
我便这样做了
1 <div ui-view name="myadd"></div>
1 .state(‘tab.mytab1.router1‘,{2 url:"/router1",
3 views: {
4 ‘myadd‘: {
5 templateUrl: ‘addview.html‘,
6 }
7 }
8 })
ionic 嵌套view 的方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。