[英]Angular js ng show
Onclick我必須顯示一個部分並使用角度概念隱藏另一個部分。
我嘗試過這些
<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>
但是onclick並沒有隱藏另一個,
你能以有角度的方式提出建議嗎?
嘗試
<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>
演示: 柱塞
這將為您工作。 嘗試這個
<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.