ionic 嵌套view 的方法

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>

 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>

 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 });

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 })