ionic 嵌套view 的方法

我一直想在一个页面的同一个 DIV 里面嵌入一个不同的 HTML文件  ....但是总是没有达到我要的效果.....才发现原来我没有加一个 name

我用angular-ui 插件 里面的样式  总是没有跳转....

    <div ui-view></div>
    <!-- We'll also add some navigation: -->
    <a ui-sref="state1">State 1</a>
    <a ui-sref="state2">State 2</a>

在app.js 里面

myApp.config(function($stateProvider, $urlRouterProvider) {
  //
  // For any unmatched url, redirect to /state1
  $urlRouterProvider.otherwise("/state1");
  //
  // Now set up the states
  $stateProvider
    .state('state1', {
      url: "/state1",
      templateUrl: "partials/state1.html"
    })
 .state('state2', {
      url: "/state2",
      templateUrl: "partials/state2.html"
    })
}）；

或者是这种方法

 <div ui-view="viewA"></div>
    <div ui-view="viewB"></div>
    <!-- Also a way to navigate -->
    <a ui-sref="route1">Route 1</a>
    <a ui-sref="route2">Route 2</a>

而在app.js 中

myApp.config(function($stateProvider) {
  $stateProvider
    .state('index', {
      url: "",
      views: {
        "viewA": { template: "index.viewA" },
        "viewB": { template: "index.viewB" }
      }
    })
    .state('route1', {
      url: "/route1",
      views: {
        "viewA": { template: "route1.viewA" },
        "viewB": { template: "route1.viewB" }
      }
    })

});

我发现都没有达到我要的效果...

突然才发现我错了

ionic 比较是改过的...

 我便这样做了

<div ui-view name="myadd"></div>

.state('tab.mytab1.router1',{
 url:"/router1",
 views: { 
 'myadd': { 
 templateUrl: 'addview.html', 
             } 
 } 
})