2014-02-14 2 views
1

스택에 몇 가지 비슷한 질문이 있지만 그 중 아무 것도 도움이되지 않습니다. div를 최대화하는 올바른 방법 (ng-way라고 말할 것입니다)을 찾고 있습니다. 내가 안으로 ng-repeat으로 부트 스트랩 행이 https://github.com/angular/angular.js/issues/new#fullscreen_issue_bodyng-app에서 div 최대화

: 내 경우에는 가장 좋은 예는 Github에서에 ZEN 모드입니다

  • JQuery와 도움이 될 것입니다

    <div class="row"> 
        <div ng-repeat="widget in factory.getStack()" class="col-md-4"> 
         <div class="panel panel-default"> 
          <div class="panel-heading clearfix"> 
           <h5 class="panel-title pull-left">{{widget.title}}</h5> 
          </div> 
         </div> 
         <div class="panel-body"> 
          <div ng-include src="widget.uri"></div> 
          <button ng-click="maximize()">Maximize</button> 
         </div> 
    </div> 
    
    1. Z- 인덱스 괜찮 각도
    2. ...

    업데이트 1 Plunker

    어떤 아이디어라도 감사하겠습니다!

  • 답변

    1

    변경 클릭에 사업부의 CSS, 속성을 추가 :

    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    position: fixed; 
    z-index: 999; 
    

    예 : JSfiddle

    +0

    감사합니다! div가 다른 div/div 내부에서 최대화되어야한다면 어떻게 될까요? http://plnkr.co/edit/SIcAVfd07ThBSLq5FXzi?p=preview – danilabagroff

    +0

    내 게시물을 업데이트했습니다. CSS'.x-fill' 클래스에'z-index','top' 및'left' 속성을 추가하십시오 – R3tep

    +0

    최대화 된 div가 상위 div (http)에서 높이를 상속 받기 때문에 마크 업은 '폴란드어'여야합니다. : //plnkr.co/edit/SIcAVfd07ThBSLq5FXzi? p = 미리보기) – danilabagroff