Question

堆栈中有几个类似的问题，但它们似乎都没有用。我正在寻找正确的方法（我会说ng-way）如何最大化div。在我的案例中，最好的例子是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>

z-index没问题
jquery将有助于角色
...

更新1 Plunker

任何想法都会受到欢迎！

Answer 1

点击更改div的css，添加属性：

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

示例：JSfiddle

在ng-app中最大化div

1 个答案: