Question

我正在尝试让我的元控制器动态更改元标记，但在控制台中我得到error ng areq not a function。我通过StackOverflow搜索了类似的问题，但没有解决方案是我的问题。我的HTML中有这些标签：

    <html  ng-app="WebApp" >
    <head  ng-controller="MetaDataCtrl">
    <meta name="description" content="{{ meta.tags.description }}">
</head>
<body >

    <div ng-include='"templates/header.html"'></div>
    <div ng-view></div>

</body>
</html>

Main.js

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

/**
 * Configure the Routes
 */
app.config(['$routeProvider', '$locationProvider', function($routes, $location) {
 $location.html5Mode(true).hashPrefix('!');
  $routes
    // Home
    .when("/", {templateUrl: "partials/home.html",  
      controller: "PageCtrl",
      metadata: {
           title: 'This is my title',
           description: 'This is Desc.' }

    })
}]);

app.controller('PageCtrl', function (/* $scope, $location, $http */) {

});

.controller('MetadataCtrl', function ($scope, metadataService) {
   $scope.meta = metadataService;
});

Answer 1

没有此类服务metadataService，您自己也没有定义。但是，看起来您只需要加入当前路由metadata对象。在这种情况下，它很容易做，因为它是$route服务的一部分。您还应该设置一个侦听器，以便在路由更改时更新全局meta对象：

app.run(['$rootScope', function($rootScope) {
    $rootScope.$on('$routeChangeSuccess', function(event, current) {
        $rootScope.meta = current.metadata;
    });
}]);

演示： http://plnkr.co/edit/nQfqNWvoYQQElv909uZF?p=preview

AngularJS错误不是函数

1 个答案: