角JS纳克显示

ONCLICK我必须显示一个部分和隐藏使用角概念另一个。角JS纳克显示

我尝试了这些

<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它不是躲在另外一个，

可以你的角度的方式。新的建议角的概念

来源

2013-08-20 Prashobh

你有一个包含'div'内或'body'标签'数据-NG-app'？ –

尝试

<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>

演示：Plunker

来源

2013-08-20 10:35:18

他不应该用纳克秀和NG隐藏而不是纳克级的？ – Galdo

@Galdo是的......但没关系 –

这会为你工作。试试这个

<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>

来源

2013-08-20 10:33:17

角JS纳克显示

回答

相关问题