ui-sref 不适用于离子模式的子状态答案

【问题标题】：ui-sref not working with child state from ionic modalui-sref 不适用于离子模式的子状态
【发布时间】：2016-04-25 09:49:37
【问题描述】：

我创建了一个模式，在其中我创建了一个打开名为menu.friend的子状态的按钮

我是这样定义的：

app.config(function($stateProvider, $urlRouterProvider){
$stateProvider
.state('menu', {
  url: '/menu',
  abstract: true,
  templateUrl: 'views/menu.html'
 })
 .state('menu.friend', {
 url: '/map',
     views: {
    'menuContent': {
     templateUrl: 'views/map.html'   
     }
     }   
  })

在我的 ion-modal-view 中，我输入了这个按钮代码：

<button  ui-sref="menu.friend">
 Add event
</button>

但是什么都没有显示。请帮忙。

【问题讨论】：

标签： ionic-framework modal-dialog ui-sref

【解决方案1】：

您好，我认为您的代码运行良好。 Thing is modal 有一个 z-index，它不仅仅是一个视图，所以它位于新视图的顶部。

所以做这样的事情

<button  ui-sref="menu.friend" ng-click="modalClose()">
 Add event
</button>

我也更喜欢更简洁的状态 url，像这样

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

$stateProvider
.state('menu', {
  url: '/menu',
  abstract: true,
  templateUrl: 'views/menu.html'
 })
 .state('menu.friend', {
 url: '/menu/friend',
     views: {
    'menuContent': {
     templateUrl: 'views/map.html'   
     }
     }   
  })

【讨论】：