如何从另一个 angularjs 页面打开一个 angularjs 页面作为弹出窗口

Question

>我有2个CakePHP页面。他们都使用angularjs。这里有一个片段。

/items

/items.ctp

<div id="ng-app" ng-app>`
    <div ng-controller="ItemController">
        <a href="#" ng-click="showAddPopup">Add</a>
    </div>
</div>

函数 showAddPopup 定义如下

$scope.showAddPopup = function() {
    $.colorbox({href:'/items/add/' + $scope.order.id,open:true,close : "x", onClosed:function(){}});
}

/

items/add.ctp

<div id="ng-app" ng-app>`
    <div ng-controller="AddController">
        <h2>{{order.label}}<h2>
    </div>
</div>

现在，当我单击项目视图中的添加链接时，我会看到一个弹出窗口，其中包含 add.ctp 的内容。但问题是，h2标签显示的不是订单标签"我的订单"，而是显示{{order.label}}

当我从不使用 angularjs 的页面打开添加视图时，我得到了正确的结果。 我做错了什么。请帮忙。我已经为此浪费了很多天。

Answer 1

如果问题是嵌套的ng-apps，也许打开带有设置iframe的彩框可能是解决方案。

$.colorbox({inline:false; iframe:true;href:'/items/add/'...});

Answer 2

如果您使用的是引导程序，那么 angular-ui 将是上述场景的绝佳选择