Как установить динамические метаданные на каждой странице, используя UI-Route в AngularJs - PullRequest
Новая
       14

Как установить динамические метаданные на каждой странице, используя UI-Route в AngularJs

1 голос
/ 24 мая 2019

Я работаю над приложением, встроенным в AngularJ, но у меня возникают некоторые проблемы с динамической настройкой мета-заголовка, имени, описания. Я пробовал "ui.router.metatags", но проблема в том, что мета-заголовок, имя, описание не отображаются при просмотре исходного кода в любом браузере. Отображается только как {{meta.title}}, а не фактические данные, которые вводятся.

Вот мой код: 

$stateProvider
.state('home', {
    url: "/",
    metaTags: {
        title: 'title1',
        description: 'description',
        keywords: 'keyword1,keyword2,...',
        properties: {
            'og:title': 'title1'
        }
    },
    views : {
        "" : {
            templateUrl:"/home/home.html",
            controller: 'homeCtrl',
            controllerAs:'vm',
        }
    },

    resolve: {
        loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) {
            return $ocLazyLoad.load('home'); // Resolve promise and load before view
        }]
    }
})

Вот код индекса файла: 

<title ng-bind="MetaTags.title">{{MetaTags.title}}</title>
<meta name="description" content="{{MetaTags.description}}">
<meta name="keywords" content="{{MetaTags.keywords}}">
...