[英]Angular js ng show
Onclick i have to show one section and hide another one using angular concept. Onclick我必须显示一个部分并使用角度概念隐藏另一个部分。
I have tried these 我尝试过这些
<div data-ng-click="showDetails = ! showDetails">Apps</div>
<div data-ng-click="showDetails1 = ! showDetails1">Favorites</div>
<div data-ng-click="showDetails2 = ! showDetails2">Search</div>
<section id="workbench-search" data-ng-class="{ 'hidden': ! showDetails }">search</section>
<section id="workbench-favorites" data-ng-class="{ 'hidden': ! showDetails1 }">fav</section>
<section id="workbench-apps" data-ng-class="{ 'hidden': ! showDetails2 }">apps</section>
But onclick it is not hiding the other one , 但是onclick并没有隐藏另一个,
can you suggest in angular way .New to angular concept 你能以有角度的方式提出建议吗?
Try 尝试
<div ng-click="showDetails = !showDetails; showDetails1 = false; showDetails2 = false;">Apps {{showDetails}}</div>
<div ng-click="showDetails1 = !showDetails1; showDetails = false; showDetails2 = false;">Favorites {{showDetails1}}</div>
<div ng-click="showDetails2 = !showDetails2; showDetails = false; showDetails1 = false;">Search {{showDetails2}}</div>
<section id="workbench-search" ng-class="{ 'hidden': !showDetails }">search</section>
<section id="workbench-favorites" ng-class="{ 'hidden': !showDetails1 }">fav</section>
<section id="workbench-apps" ng-class="{ 'hidden': !showDetails2 }">apps</section>
This will work for you. 这将为您工作。 Try this
尝试这个
<div data-ng-click="showDetails = ! showDetails;showDetails1 = false;showDetails2 = false">Apps</div>
<div data-ng-click="showDetails1 = ! showDetails1;showDetails = false;showDetails2 = false">Favorites</div>
<div data-ng-click="showDetails2 = ! showDetails2;showDetails = false;showDetails1 = false">Search</div>
<section id="workbench-search" data-ng-class="{ 'hidden': ! showDetails }">search</section>
<section id="workbench-favorites" data-ng-class="{ 'hidden': ! showDetails1 }">fav</section>
<section id="workbench-apps" data-ng-class="{ 'hidden': ! showDetails2 }">apps</section>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.