2017-03-01 5 views
0

から追加データをフェッチします。私はwpスラッグを介して得ることができるいくつかのページを作った。これは、ルータがどのように見えるかです:AngularJS ngRoute - 私はAngularJSとワードプレス上のポータルを書いていたテンプレート要求

.when('/', { 
    template: '?async=1>', 
    controller: 'homeController', 
    controllerAs: 'works', 
}) 
.when('/works', { 
    template: 'works/?async=1>', 
    controller: 'worksController', 
    controllerAs: 'works', 
}) 
.when('/blog', { 
    template: 'blog/?async=1>', 
    controller: 'blogController', 
    controllerAs: 'blog', 
}) 

// etc 

私は、角度からブラウザまたはテンプレートのリクエストからwheter通常のGET要求を示すためにasync GETパラメータを使用します。

さて問題は、私はタイトル、メタ説明、およびいくつかの他のようなテンプレートを要求するときに、いくつかのメタデータを取得したいということ、です。

たぶん、いくつかのカスタムヘッダーを使用して(どのようにそれらをこのようにフェッチしますか)?それとも、何とか応答を傍受し、それを変更し、レンダリングのためにHTMLを返すことは可能ですか?

私は私が隠された入力を使用することができることを、知っているが、それは一種のベストプラクティスではありません。

答えて

0

多分それは最善の方法ではないのですが、私は解決策を見つけました。

私は、カスタムディレクティブを使用し、私はちょうど私が必要とするデータを分散するために注入されたサービスを使用してリンクします。

myApp.directive("metaData", ['metaService', function(metaService) { 
    return { 
     restrict: 'E', 
     link: function(scope, element, attrs) { 
      metaService.set({ 
       title : attrs.title, 
       description: attrs.description 
      }); 
     } 
    } 
}]); 

とディレクティブ:

<meta-data data-title="The title" data-description="The description"></meta-data> 
関連する問題