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'   
     }
     }   
  })

在我的离子模式视图中，我把这个按钮代码：

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

但没有显示任何内容。请帮忙。

Answer 1

嗨我觉得你的代码工作正常。东西是莫代尔有一个z-index whicch不仅仅是一个视图所以它坐在新视图的顶部。

所以做这样的事情

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

此外，我更喜欢更清洁的州网址，类似这样的

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'   
     }
     }   
  })

ui-sref不与离子模态的儿童状态一起工作

1 个答案: