角度ui模态出现在屏幕的底部

时间:2015-03-31 10:44:41

标签: javascript html css angularjs

所以我一直试图让模态窗口成为角度ui工作,我一直遇到困难。我还是很新的

我添加了

"angular-ui": null,
"angular-bootstrap": "~0.12.0"

打包并运行bower install

在index.html中, 我添加了

<link rel="stylesheet" type="text/css" href="bower_components/angular-ui/build/angular-ui.css"/>    
<script src="bower_components/angular-ui/build/angular-ui.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

目前我只有一个ng-click设置用

打开模态窗口
$modal.open({
                templateUrl: 'views/post-modal.html',
                controller: 'PostModalController',
                size: 'lg'
            })

我的模态视图也很简单,只是

<div>
<form name="postForm">
    <textarea type="text" name="content" ng-model="postInput"></textarea>
</form>
{{postInput}}

到目前为止,每次单击链接时,它都会将div添加到屏幕底部。我认为这是我的风格问题,但我不确定。

由于

0 个答案:

没有答案