为ionic中的不同选项卡定义不同的抽象布局
我可以有两个抽象状态:true,即不同选项卡的基本布局吗 例如,, 对于tab-1、tab-2和tab-3,我需要将为ionic中的不同选项卡定义不同的抽象布局,ionic,Ionic,我可以有两个抽象状态:true,即不同选项卡的基本布局吗 例如,, 对于tab-1、tab-2和tab-3,我需要将tabs.html作为抽象:在状态提供程序中为true;对于tab-4,我需要将menu.html作为抽象:true在状态提供程序中为true,以便后续状态继承自它 大概是这样的: .config(函数($stateProvider,$urlRouterProvider){ //Ionic使用AngularUI路由器,它使用状态的概念 //在此处了解更多信息:https://git
tabs.html
作为抽象:在状态提供程序中为true;对于tab-4,我需要将menu.html作为抽象:true在状态提供程序中为true,以便后续状态继承自它
大概是这样的:
.config(函数($stateProvider,$urlRouterProvider){
//Ionic使用AngularUI路由器,它使用状态的概念
//在此处了解更多信息:https://github.com/angular-ui/ui-router
//设置应用程序可以处于的各种状态。
//每个州的控制器都可以在controllers.js中找到
$stateProvider
//设置tabs指令的抽象状态
.state('tab'{
url:“/tab”,
摘要:没错,
templateUrl:'templates/tabs.html'
})
//每个选项卡都有自己的导航历史堆栈:
.state('tab.dash'{
url:“/dash”,
观点:{
“制表符”{
templateUrl:'templates/tab dash.html',
控制器:“DashCtrl”
}
}
})
.state('tab.chats'{
url:“/chats”,
观点:{
“选项卡聊天”:{
templateUrl:'templates/tab chats.html',
控制器:“ChatsCtrl”
}
}
})
.state('tab.chat detail'{
url:“/chats/:chatId”,
观点:{
“选项卡聊天”:{
templateUrl:'templates/chat detail.html',
控制器:“ChatDetailCtrl”
}
}
})
.state('tab.account'{
url:“/account”,
观点:{
“选项卡帐户”:{
templateUrl:'templates/tab account.html',
控制器:“AccountCtrl”
}
}
})
$stateProvider
.state('应用程序'{
摘要:没错,
templateUrl:“templates/menu.html”
})
.state('app.events'{
url:“/events”,
观点:{
“菜单内容”:{
templateUrl:“templates/events.html”,
控制器:“EventsCtrl”
}
}
})
tabs.html如下所示:
menu.html:
我的应用程序
事件
但它不起作用。有可能吗?如果没有,还有什么选择?是的,您可以添加多个抽象状态 以下是角度状态的示例。根据文档: 抽象状态可以有子状态,但自身无法激活。“抽象”状态只是无法转换到的状态。“抽象”状态在其子状态之一被激活时被隐式激活