javascript - 最大化 ng-app 中的 div

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

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

1. z 索引没问题
2. jquery 将帮助 Angular
3. ...

更新 1 Plunker

任何想法将不胜感激!

Answer 1

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

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

示例:JSfiddle