2014-06-26 60 views
2

在我離開挫折之前,在Jquery中執行此操作之前,我想我會問什麼是角度方式?AngularJS在從JSON填充內容時在頭部設置標題和描述

我正在使用基於AngularJS站點上Phonecat教程示例的模型構建AngularJS站點。

我發現這個method設置頁面的標題,並可以找出如何修改它做描述,以及在應用程序配置,但是這不工作時,我通過json填充內容的網頁。我也嘗試過使用ngbind方法,但還沒有找到一個可行的解決方案,因爲我認爲這與加載文件的順序有關。

例如

when('/faq', { 
    templateUrl: 'sub_pages/articles.html', 
    title: 'Landing page title goes here, not to big a deal' 
    }). 
    when('/things-to-do/:activityID', { 
    templateUrl: 'sub_pages/activity-detail.html', 
    controller: 'activityDetailCtrl', 
    title: 'If I put a title here it will be the same on all of these pieces of content' 
    }). 

我可以以設置兩個着陸頁,也能畫從JSON提要其內容的網頁標題中使用什麼方法?

編輯 - 回答以下

+0

請提供一個基於你不工作的解決方案的PLUNK,以便我們能夠處理它。 – domokun

+0

隨着所涉及的依賴的數量將plunkr甚至處理? – user3779215

+0

我只看到'ng-route'作爲dep。還有什麼? – domokun

回答

-1

喜歡的東西 $文件[0] = .title僞 「XYZ」;

0

經過大約2天的時間,我的頭撞牆試圖這一個出來它實際上很簡單,並且適用於靜態頁面和動態加載內容的模板。

在視圖頁面(在ng-view中加載html)添加了幾個div(你可以把它放在任何地方),然後在它們內部,你需要加載到ng-init中。

納克-INIT = 「$ root.title = path.to.title」 NG-INIT = 「$ root.description = path.to.description」 這將設置在根範圍標題和說明。 「路徑到」只是json中內容的示例路徑,您可以用純文本替換它,這也是我處理登錄頁面的方式。

然後在index.html或什麼都頁您的應用程序,你只需要加載頭內部基礎上的。

網頁標題 這會自動將您的網頁標題和描述meta標籤和您幾乎可以將此公式用於您需要創建的任何其他元數據。

我還沒有用Prerender.io或任何其他緩存服務測試過,但會做一些檢查並在此發佈結果。