2014-04-01 6 views
1

몇 가지 탭을 설정하여 다른 것들을보고 싶습니다. 세 개의 탭 중 하나를 클릭하면 내 ng-grid을 볼 수 있기를 바랍니다. 그러나 다른 두 개의 탭을 클릭하면 ng-grid가 사라지게하고 싶습니다. 나는 ng-show을 사용해 보았고 그리드를 보이거나 감추기 위해 특정 탭을 클릭 할 때 몇 가지 부울 값을 설정했지만 아무 것도하지 않는 것 같습니다. 그렇게하는 방법에 대한 도움말? 감사!ng-grid 숨기기/표시?

답변

0

bind to a primitiveng-clickng-show입니다. 이 같은

$scope.visible = { 
    grid: false 
}; 
다음

사용 : 대신 객체 속성에

$scope.visiblegrid = false; 

바인딩 http://plnkr.co/BLYVtEkP1U83vs0hMkxu

+0

은 더 간단한 해결책을 위해 기준으로 사용했습니다. 어떻게 생각해? – mainguy

+0

나는 그것에 대해 생각했지만 OP가 어떻게 작동하는지 몰랐다는 것을 상상할 수 없었다. 나는 그가 그 탭셋 밖의 내용을 언급하고 있다고 가정해야했다. –

1

이유는 단순히 그리드를 넣지 : 여기

<tabset> 
    <tab ng-click="visible.grid = false" heading="one"></tab> 
    <tab ng-click="visible.grid = true" heading="two (visible grid)"></tab> 
    <tab ng-click="visible.grid = false" heading="three"></tab> 
</tabset> 
<div ng-show="visible.grid == true" class="gridStyle" ng-grid="gridOptions"></div> 

는 데모입니다 탭에서?

<tabset> 
     <tab heading="one">Lorem ipsum dolor sit amet, aliquid invidunt mei cu, qui ea intellegam appellantur. Gloriatur tincidunt vim te, sed utamur offendit id. Per ferri sanctus nusquam no. An alia ferri suavitate has, qui delenit maluisset interpretaris eu. Ferri tempor 
     praesent te nec, et eripuit deterruisset vituperatoribus nec. Facer nullam inciderint ex est, vim cu putant maluisset, sea ei vidit liber perfecto.</tab> 
     <tab heading="two (Grid)"> 
     <div class="gridStyle" ng-grid="gridOptions"></div> 
     </tab> 
     <tab heading="three">Eu dissentiunt ullamcorper sit, tale errem at est. Ea percipit postulant qui, essent regione nusquam duo et. Omnes perfecto reprehendunt an duo. Mea odio erroribus id.</tab> 
    </tabset> 

다음은이 겨 쇼 로직없이 @ j.wittwer의 plunker을 포크입니다. 나를 위해 작동하지만 어쩌면 나는 그 질문을 완전히 이해하지 못한다.

+0

때로는 가장 간단한 해결책이 가장 좋지만 그리드가 탭 밖에 있어야하는 레이아웃을 상상할 수 있습니다. 영업 이익이 명확 해 지는지 확인해야합니다. –

+0

예, 아마도 맞을 것입니다. 그가 그것을 시도하지 않았다는 것을 상상하는 것은 어렵다. 설명이 너무 분명하지 않은 것이 너무 나쁩니다. 나는 당신이 올바른 코드를 사용했다는 것을 알려 드리고자합니다 :-) – mainguy