ionic-framework - ui-sref 不适用于离子模式的子状态

Question

我创建了模态，在其中创建了一个打开名为的子状态的按钮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>

但什么都没有显示。请提供任何帮助。

Answer 1

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

所以做这样的事情

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

我也更喜欢更干净的状态网址，像这样

app.config(函数($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'   
     }
     }   
  })