ng-click不触发,深入ui-views

2019-11-20 16:34:49 阅读：238 来源： 互联网

标签：angularjs angular-ui-router css html javascript

我正在使用AngularJS和ui-router.我有一个子菜单,当他们单击其用户名时会打开一个子菜单,我想在其中退出菜单.这是一个具有ng-click的div,应将用户注销；但是,ng-click不会触发.

该位仅显示/隐藏子菜单

<div class="user-view-content" ng-init="showSubMenu = false" ng-click="showSubMenu = !showSubMenu">
    {{getUsername()}}
    <span class="glyphicon glyphicon-chevron-down"></span>
</div>

并且subMenu的内容-ng-click失败！

<div class="user-sub-menu" ng-show="showSubMenu">
    <div ng-click="logout()">Logout</div>
</div>

奇怪的是,如果我把它带到子菜单之外,它就可以正常工作. ng-click成功

<div ng-click="logout()">Logout</div>

还有用于用户子菜单的CSS,唯一不同的是

.user-sub-menu {
    position: fixed;
    border-radius: 6px;
    border: solid 1px #f3fcff;
    padding: 1em;
    top: 51px;
    right: 4px;
}

所有这些标记都包装在< div ui-view =“ user” class =“ user-view”< / div>内部,其本身嵌套在各种ui视图中约5-6 divs深.这是我遇到的第一个也是唯一的一次,我遇到ng-click时不触发.由于涉及的复杂性,我无法在jsfiddle中进行复制.

>为什么我的ng-click不触发？

更新1

正如iH8在下面所建议的那样,认为这可能是一个孤立的示波器问题(这没有任何意义,但无论如何都尝试过).以下代码不会触发,也不会将{{testVal}}更改为’after’.它始终保持在“之前”.

<div class="user-sub-menu" ng-show="showSubMenu" ng-init="testVal='before'">
    <div ng-click="testVal='after'">Logout</div>
    {{testVal}}
</div>

解决方法:

固定.我必须在子菜单的css中添加1的z-index.原来是在另一个项目后面…

z-index: 1;

标签：angularjs,angular-ui-router,css,html,javascript
来源： https://codeday.me/bug/20191120/2045260.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

ng-click不触发,深入ui-views