Javascript AngularJS,爱奥尼亚[$compile:ctreq]
我有一个AngularJS应用程序,其中我使用指令离子侧菜单以及离子侧菜单来自离子,v1.0.0-beta.12Javascript AngularJS,爱奥尼亚[$compile:ctreq],javascript,angularjs,error-handling,angularjs-directive,ionic,Javascript,Angularjs,Error Handling,Angularjs Directive,Ionic,我有一个AngularJS应用程序,其中我使用指令离子侧菜单以及离子侧菜单来自离子,v1.0.0-beta.12 HTML DOM <ion-side-menus> <ion-side-menu side="left" ng-class="{ 'open': isLeftDesktopSidebarOpen() }"> <ion-content has-header="false"> &l
HTML DOM
<ion-side-menus>
<ion-side-menu side="left" ng-class="{ 'open': isLeftDesktopSidebarOpen() }">
<ion-content has-header="false">
<div eb-left-menu></div>
</ion-content>
</ion-side-menu>
<!-- -->
<ion-side-menu side="right" ng-class="{'open': isRightDesktopSidebarOpen()}">
<ion-content has-header="false">
<div eb-right-menu></div>
</ion-content>
</ion-side-menu>
</ion-side-menus>
JS Script
<div class="eb-ion-side-menus-container">
<ion-side-menus class="eb-ion-side-menus">
<!-- Center content -->
<ion-side-menus>
<ion-side-menu-content edge-drag-threshold="true">
<div class="bar bar-subheader bar-mainsubheader" eb-center-div ng-show="loggedIn">
<button class="button button-icon button-clear ion-navicon pull-left" ng-click="openLeftSidebar();"></button>
<span class="hidden-large-inline">
<button style="line-height: 33px;font-size: 17px;margin-top: -5px !important;width: 154px;background-size: 30px !important;height: 40px;" class="button button-icon button-clear eb-ico logo_small" ng-click="gotoMain()"></button>
</span>
<button class="button button-icon button-clear ion-grid pull-right" ng-click="openRightSidebar();"></button>
</div>
<ion-content class="eb-main-content">
<div ui-view id="main" autoscroll="false" class="animate-on am-fade-and-scale"></div>
</ion-content>
</ion-side-menu-content>
</ion-side-menus>
<!-- Left menu -->
<ion-side-menus>
<ion-side-menu side="left" ng-class="{ 'open': isLeftMenuOpen() }">
<div class="bar bar-on-menu bar-subheader bar-mainsubheader" ng-click="toggleLeftSidebar();" ng-show="loggedIn">
<h1 class="title">
<span ng-click="closeLeftSidebar();" style="cursor:pointer; width: 190px;display: inline-block;">Menu</span>
<button style="position: absolute;top: 5px;right: 5px;" class="button button-icon button-clear ion-navicon" ng-click="closeLeftSidebar();"></button>
</h1>
</div>
<ion-content has-header="false">
<div eb-left-menu></div>
</ion-content>
</ion-side-menu>
</ion-side-menus>
<!-- -->
<ion-side-menus>
<ion-side-menu side="right" ng-class="{'open': isRightMenuOpen() }">
<div class="bar bar-on-menu bar-subheader bar-mainsubheader" ng-click="toggleRightSidebar();" ng-show="loggedIn">
<h1 class="title">
<span ng-click="closeRightSidebar();" style="cursor:pointer; width: 190px;display: inline-block;">Moje aplikacje</span>
<button style="position: absolute;top: 5px;left: 5px;" class="button button-icon button-clear ion-grid" ng-click="closeRightSidebar();"></button>
</h1>
</div>
<ion-content has-header="false">
<div eb-right-menu></div>
</ion-content>
</ion-side-menu>
</ion-side-menus>
</div>
htmldom
JS脚本
菜单
莫耶·阿皮卡奇
其目的是在单击后切换侧栏。
它确实可以工作,但是它在error:[$compile:ctreq]中给了我一个错误http://errors.angularjs.org/1.3.0-beta.18/$compile/ctreq?p0=ionSideMenu&p1=ionSideMenu
错误描述说
找不到指令“ionSideMenu”所需的控制器“ionSideMenus”
但是它确实存在于我的供应商文件中(我保存所有框架和库)
我真的非常感谢你的帮助
更新25.05
我认为还值得一提的是,如果我在桌面视图中显示我的页面,就会出现上述问题。否则,当通过谷歌Chrome在Android或Ios上进行模拟时,它就可以正常工作。我认为您需要将离子侧菜单包装在离子侧菜单中 因此,您的代码将如下所示
<ion-side-menus><ion-side-menu side="left" ng-class="{ 'open': isLeftMenuOpen() }">
<div class="bar bar-on-menu bar-subheader bar-mainsubheader" ng-click="toggleLeftSidebar();" ng-show="loggedIn">
<h1 class="title">
<span ng-click="closeLeftSidebar();" style="cursor:pointer; width: 190px;display: inline-block;">Menu</span>
<button style="position: absolute;top: 5px;right: 5px;" class="button button-icon button-clear ion-navicon" ng-click="closeLeftSidebar();"></button>
</h1>
</div>
<ion-content has-header="false">
<div eb-left-menu></div>
</ion-content>
</ion-side-menu></ion-side-menus>
菜单
你可以在这里找到详细信息
看起来你的HTML ionSideMenus指令中缺少了像
ul>li
,这里你必须ion-side-menu>ion-side-menu
你需要将它们包装在
中,我已经把两个都放在一个里面了,但没有用。你能帮我修改一下答案吗。我测试了这段代码,它运行正常。我没有为自己工作。直到现在我才提到的一个方面是,我使用了两次,一个接一个。尝试将它们包装在一个文件中,也将它们单独包装。您可以更新您的问题并发布您的完整代码吗?有这样的吗?尤努斯·萨哈,问题已经更新了。请原谅我久等了。