0

製品管理管理サイトをAngularを使用するように変換しています-すべてのビュー（製品リスト、詳細ビュー、編集など）が管理ページのng-view内に表示されています。そこにすべて良い。ただし、製品ごとに情報を印刷できるリンクがあります。現在、他の製品とは異なる外部テンプレートを使用しています。

これを処理する角度のある方法は何でしょうか？

アプリ：

angular.module('myApp', []).
  config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

    // all routes but print use an index.html template
    $routeProvider.
      when('/', {
        templateUrl: '/partials/order/manage.html',
        controller: ManageOrderCtrl
      }).
      when('/order/:id', {
       templateUrl: '/partials/order/_view.html',
        controller: ViewOrderCtrl
      }).
      when('/order/edit/:id', {
       templateUrl: '/partials/order/_edit.html',
        controller: ViewOrderCtrl
      }).
      // I want this link to not use the same outer template (i.e. something like printer.html as well as use custom headers)
      when('/order/print/:id', {
       templateUrl: '/partials/order/_print.html',
        controller: PrintOrderCtrl
      }).
      otherwise({
        redirectTo: '/'
      });
    $locationProvider.html5Mode(true);
  }]);

私の管理リスト：

<div ng-repeat="order in orders">
  <a title="Print product sheet" href="/order/print/{{ order._id }}"></a>
</div>

今のところ、これにより_print.htmlが他と同じng-view内に配置されます。新しいウィンドウで開きたいのですが、新しいアプリを作成するだけですか？

4

1 に答える 1

0

サービスを記述し、そのサービス内でajax呼び出しを実行してhtmlをフェッチできます。これで、HTMLにプレースホルダー（{{}}）が含まれるようになるため、テンプレートライブラリ（口ひげなど）を使用して、これらの{{}}を実際のデータに置き換える必要があります。

factory('print', ["$window", function($window) {
/* service in charge of printing */
return function(templateUrl, context) {
    /* send a GET request to templateUrl for template, render the template with context
     * and open the content in a new window.
     */
    $.ajax({
        url: templateUrl,
        async: false,   //otherwise the popup will be blocked
        success: function(html) {
            var template = html.replace('<!DOCTYPE html>\n<html lang="en">\n', '').replace("</html>", ''),
                output = Mustache.render(template, context);
            $window.open().document.documentElement.innerHTML = output;
        }
    });
};

}]）;

于 2013-03-12T06:36:47.480 に答える