打开单独的页面作为模态弹出角度js

时间:2015-03-27 07:38:29

标签: angularjs angularjs-scope angularjs-ng-repeat angular-ui-router

我在项目中使用angular-ui-router和angular-bootstrap。

我想实现以下用例:

当用户点击ng-grid中的图标时,我想打开单独的页面作为模式弹出窗口 另外,我想将值从一个页面传递到另一个模式弹出

以下代码对我不起作用。有没有办法打开单独的页面作为modal弹出在angular.js

在这个锚上点击我试图打开模态弹出

<a href="" ng-click="plCtrl.openPopupScreen()"><i class="pledit"></i></a>

打开模式弹出窗口的代码

self.openPopupScreen = function () {
var modalInstance = $modal.open({
            templateUrl: 'test.html',
            windowClass: 'app-modal-window',
            controller: 'childController',
            backdrop: 'static'
           })

模态弹出UI

<div class="col-md-12" ng-controller="empContoller as emCtrl" ng-cloak>

<div class="col-md-12">
    <form role="form" name="empForm" novalidate ng-show="empCtrl.initialized">
        <div class="row">
            <div class="col-md-8">
                <div class="form-group">
                    <label for="empnmae">Name</label>
                    <textarea class="form-control" id="Note" placeholder="Enter name" min="0" maxlength="5000" rows="10" ng-model="emCtrl.Note"></textarea>
                </div>
            </div>
  </div>

0 个答案:

没有答案