Question

我想在 tabs.home 状态下创建链接，因为您可以看到列表，其中包含将我重定向到about page的内部视图的链接。有关更多信息，您可以看到此codepen：http://codepen.io/albpower/pen/bEeqjj?editors=1014。下面是app.js的一部分，其中为模板HTML代码声明了状态/视图，请参阅上面的codepend链接。

angular.module('ionicApp', ['ionic'])

.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider

    .state('tabs', {
    url: "/tab",
    abstract: true,
    templateUrl: "templates/tabs.html"
  })

  .state('tabs.home', {
    url: "/home",
    views: {
      'home-tab': {
        templateUrl: "templates/home.html",
      }
    }
  })

  .state('tabs.about', {
    url: "/about",
    abstract: true,
    views: {
      'about-tab': {
        templateUrl: "templates/about.html"
      }
    }
  })

  .state('tabs.about.page1', {
    url: "/page1",
    views: {
      'about-page': {
        templateUrl: "templates/about-page1.html"
      }
    }
  })

  .state('tabs.about.page2', {
    url: "/page2",
    views: {
      'about-page': {
        templateUrl: "templates/about-page2.html"
      }
    }
  });

  $urlRouterProvider.otherwise("/tab/home");

});

我尝试过添加ui-sref =＆＃34; tabs.about.page2＆＃34;列出没有工作的项目。我试过的第二种方法是使用href =＆＃34;＃/ tab / page2＆＃34;没有工作。我也尝试使用$ state.go（＆＃39; tabs.about.page2＆＃39;）使用自定义函数，但结果仍然相同。在地址栏中，它会正确显示该状态的URL，但不会显示任何内容。

如何创建链接，将您发送到嵌套视图ionic / angularjs？

0 个答案: