ionic 嵌套view 的方法

最新推荐文章于 2021-06-05 01:01:49 发布

转载最新推荐文章于 2021-06-05 01:01:49 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xieyier/p/4036184.html

我一直想在一个页面的同一个 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 })

转载于:https://www.cnblogs.com/xieyier/p/4036184.html