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

在我的離子-modal-view，我把這個按鈕代碼：

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

但是什麼都不顯示。請任何幫助。

Answer 1

嗨我認爲你的代碼工作正常。事情是模態有一個Z - 索引不僅僅是一個視圖，因此它坐在新視圖的頂部。

所以做這樣的事情

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