Ionic flexbox可折叠菜单

Question

我第一次使用Ionic和flexbox，我正在努力整理我的布局。

我尝试做一个垂直菜单，用户可以在其中选择一个主题。每个主题都有自己的子主题。如果选择了一个主题，则应显示带有相关子主题的新行。这些主题应该并排列出。

问题是...... 我使用一行和col-50并排绘制主题，并使用col-100在每个col-50内添加另一行。子主题行受父级col-50限制，而不是使用100％宽度。

解决此问题的最简单方法是什么？

Answer 1

我发现了这一点，也许你正在寻找ionic menu using flexbox

完成后，我将其应用于我的项目ionic menu with flexbox

这是我的菜单

angular.module('ionicApp', ['ionic'])
.controller('AppCtrl', function($scope, $timeout, $ionicLoading) {

});