Ionic Framework - 集成侧面菜单和简介页面问题

时间:2022-03-19 20:02:23

My introduction page has to open first time and then after it has to open side menu app. here I could able to display introduction page for the firsttime when app is installed, but the problem here i could able to display playlists page but navigation bar is not displaying.

我的介绍页面必须先打开然后打开侧面菜单应用程序。在这里我可以显示安装应用程序时第一次的介绍页面,但问题是我可以显示播放列表页面但导航栏没有显示。

Here is My Code:

这是我的代码:

https://www.dropbox.com/s/ome1w3isn41hjch/menu.zip?dl=0

https://www.dropbox.com/s/ome1w3isn41hjch/menu.zip?dl=0

getting error in Mobile browser console like this

像这样在移动浏览器控制台中收到错误

Ionic Framework  - 集成侧面菜单和简介页面问题

See the screen shot the nav-bar is empty

看到屏幕快照,导航栏是空的

2 个解决方案

#1


3  

bundle.js error shown because of injector error occupied in app.js so check your app.js angular inject elements.

由于app.js中占用的进样器错误而显示的bundle.js错误因此请检查您的app.js角度注入元素。

#2


1  

you missed ng-cordova.js

你错过了ng-cordova.js

install using bower from above link..!and <script src="lib/ng-cordova.min.js"></script> in index.html

使用上面的链接安装bower ..!和index.html中的

index.html

的index.html

<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ng-cordova.min.js"></script>
<script src="cordova.js"></script>

<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>

#1


3  

bundle.js error shown because of injector error occupied in app.js so check your app.js angular inject elements.

由于app.js中占用的进样器错误而显示的bundle.js错误因此请检查您的app.js角度注入元素。

#2


1  

you missed ng-cordova.js

你错过了ng-cordova.js

install using bower from above link..!and <script src="lib/ng-cordova.min.js"></script> in index.html

使用上面的链接安装bower ..!和index.html中的

index.html

的index.html

<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ng-cordova.min.js"></script>
<script src="cordova.js"></script>

<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>