cakephp-2.0 - 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 の内容を含むポップアップが表示されます。しかし問題は、「My Order」という注文ラベルを表示する代わりに、h2 タグが表示されていることです。{{order.label}}

angularjs を使用しないページからビューの追加を開くと、適切な結果が得られます。私は何を間違っていますか。助けてください。私はすでにこれで何日も無駄にしています。

score 0 · Accepted Answer

問題がネストされたng-appsである場合、iframeを設定してカラーボックスを開くことが解決策になる可能性があります。

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

score 0 · Accepted Answer

ブートストラップを使用している場合、上記のシナリオにはangular-uiが最適です。

2 に答える 2