Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为ionic中的不同选项卡定义不同的抽象布局_Ionic - Fatal编程技术网

为ionic中的不同选项卡定义不同的抽象布局

为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

我可以有两个抽象状态:true,即不同选项卡的基本布局吗

例如,, 对于tab-1、tab-2和tab-3,我需要将
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:


我的应用程序
事件

但它不起作用。有可能吗?如果没有,还有什么选择?

是的,您可以添加多个抽象状态

以下是角度状态的示例。根据文档:

抽象状态可以有子状态,但自身无法激活。“抽象”状态只是无法转换到的状态。“抽象”状态在其子状态之一被激活时被隐式激活