動態更新AngularJS單頁面應用程序中的元標記

Question

我想弄清楚如何動態更新angularjs單頁面應用程序中的元標記。我已經想通了如何使用做了標題標籤：

myApp.run(function($location, $rootScope) { 
$rootScope.$on('$routeChangeSuccess', function (event, current, previous) { 
$rootScope.title = current.$$route.title; 
}); 
}); 

和

<title ng-bind="title">myApp</title> 

和

$routeProvider.when('/', { 
    templateUrl : '/pages/home.html', 
    controller : 'homeController', 
    title: 'the home page' 
    }) 

但是很爲難如何將其擴展到meta標籤。

Answer 1

我認爲你可以使用resolve這樣

app.js

var app = angular.module('plunker', ['ngRoute']); 

app.config(function($routeProvider){ 
$routeProvider 
    .when('/', { 
    templateUrl : 'home.html', 
    controller : 'homeController', 
    resolve : { 
     pageTitle : function(){ 
      return {'title':'Home Page Title.'} 
     }  
     } 
    }) 
}); 

app.controller('homeController', function($scope, pageTitle){ 
    $scope.title = pageTitle.title 
}); 

home.html的

<title ng-model="title"></title> 

這裏是工作plunker但你需要