如何从另一个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

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