AngularJS ng单击以转到另一页面（使用Ionic框架）

基于评论，并且由于@Thinkerer （ OP- 原始海报） 为此案创建了一个小插曲，我决定在其他答案后附加更多详细信息。

• 这是@Thinkerer创建的一个矮人
• 这是其更新的工作版本

第一个重要变化：

// instead of this$urlRouterProvider.otherwise('/tab/post');// we have to use this$urlRouterProvider.otherwise('/tab/posts');

因为州的定义是：

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

我们需要它们的串联url

'/tab'

'/posts'

该应用程序的其余部分确实接近我们需要的结果…
例如，我们仍然不得不将内容放入相同的视图targetgood中，只是对这些内容进行了更改：

.state('tab.newpost', {  url: '/newpost',  views: {    // 'tab-newpost': {    'tab-posts': {      templateUrl: 'tab-newpost.html',      controller: 'NavCtrl'    }  }

因为

.state('tab.newpost'

.state('tab.posts'

<ion-nav-view name="tab-posts"></ion-nav-view>

最后对控制器进行一些调整：

$scope.create = function() {    $state.go('tab.newpost');};$scope.close = function() {      $state.go('tab.posts'); };

正如我已经在我前面的答案和注释说 …的

$state.go()

ionic

ui-router

检查这里 所有内容 最后的注意事项-
我只是在

tab.posts

tab.newpost