Angularjs 在angular js中以模式弹出窗口的形式打开单独的页面

我在项目中使用angular ui路由器和angular bootstrap

我想实现以下用例：

当用户单击ng网格中的图标时，我想以模式弹出窗口的形式打开单独的页面 我还想将值从一个页面传递到另一个模式弹出窗口

<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'
           })

下面的代码对我不起作用。有没有办法在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'
           })

模态弹出式用户界面

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

名称

---

请更具体地说明哪些不起作用。angular bootstrap中的$modal服务按照您想要的方式工作。检查JS控制台中是否有任何错误消息。-我建议您从此页面中的示例开始：如果模式弹出窗口仅位于同一页面上，则上述代码有效。如果我希望以模式弹出窗口的形式打开单独的页面，则此代码无效。您的意思是，如果删除

templateUrl

属性并将HTML放在同一页面中，则此代码有效？尝试指定一个绝对URL。同样，请检查JS控制台。大多数情况下，错误消息非常有用。