1

スタックには同様の質問がいくつかありますが、どれも役に立たないようです。divを最大化する正しい方法（ng-wayと言います）を探しています。私の場合の最良の例は、Github の ZEN モードです: https://github.com/angular/angular.js/issues/new#fullscreen_issue_body

ng-repeat内部にブートストラップ行があります：

<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. jqueryはAngularに役立ちます
  3. ...

更新 1 プランカー

どんなアイデアでも大歓迎です！

4

1 に答える 1

1

クリック時に div の css を変更し、プロパティを追加します。

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

例：JSfiddle

于 2014-02-14T10:12:37.233 に答える