Заголовок приложения AngularJS отображается как {{metaTitle}} при вставке ссылки в Skype

Question

Заголовок приложения AngularJS отображается как {{metaTitle}} при вставке ссылки в Skype

0

Я создаю веб-приложение на основе AngularJS. Я заполняю ярлык title dyanmically, так что он изменяется для каждой страницы. Когда я размещаю приложение онлайн и передаю ссылку на него через Skype с друзьями (через мгновенный обмен мгновенными сообщениями через Skype), вместо того, чтобы metaTitle анализируемое значение metaTitle, Skype отображает его как {{metaTitle}}. Поэтому мои друзья видят фигурные скобки с metaTitle как текст внутри него.

Что можно сделать, чтобы проанализировать значение metaTitle в Skype и других собственных приложениях, которые на самом деле показывают вам предварительный просмотр ссылки, которая была вставлена, как часть сообщений чата?

Вот мой код:

<html ng-app="myApp">
<head>
      <title>{{metaTitle}}</title>
</head>
<body ng-controller="myController">
      Custom content
</body>
</html>

Devner 15 авг. 2016, в 17:31

Источник

0

Может быть, попробовать с <title ng-bind="metaTitle"></title> ? хотя у меня есть ощущение, что он может просто скопировать и вставить пустой заголовок.
plong0 15 авг. 2016, в 14:47
0

Что такое {{metaTitle}}? я имею в виду откуда это идет?
Surjeet Bhadauriya 15 авг. 2016, в 14:48
0

Определено ли это в контроллере, то увидите, что это не внутри вашего контроллера.
Surjeet Bhadauriya 15 авг. 2016, в 14:49
0

Я заполняю значение {{metaTitle}} из моего контроллера. Я также попробовал ng-bind но это все еще показывает тот же результат.
Devner 15 авг. 2016, в 14:49
0

Так что смотрите, что это не внутри вашего контроллера, это выше вашего контроллера.
Surjeet Bhadauriya 15 авг. 2016, в 14:51
0

@SurjeetBhadauriya Вы имеете в виду, я должен положить его за пределы моего контроллера или внутри него?
Devner 15 авг. 2016, в 14:54
0

Да, @Devner, я знаю, но невозможно динамически привязать свой заголовок, как вы.
Surjeet Bhadauriya 15 авг. 2016, в 14:57
0

Конечно, это будет полезно для вас .. coderwall.com/p/vcfo4q/angularjs-change-title-based-on-route
Surjeet Bhadauriya 15 авг. 2016, в 14:58
0

@SurjeetBhadauriya Я тоже попробую.
Devner 15 авг. 2016, в 15:11
0

Конечно, @Devner это поможет вам.
Surjeet Bhadauriya 15 авг. 2016, в 15:12

Показать ещё 8 комментариев

Теги:

angularjs

skype

3 ответа

Ещё вопросы

Может быть, попробовать с <title ng-bind="metaTitle"></title> ? хотя у меня есть ощущение, что он может просто скопировать и вставить пустой заголовок.
Что такое {{metaTitle}}? я имею в виду откуда это идет?
Определено ли это в контроллере, то увидите, что это не внутри вашего контроллера.
Я заполняю значение {{metaTitle}} из моего контроллера. Я также попробовал ng-bind но это все еще показывает тот же результат.
Так что смотрите, что это не внутри вашего контроллера, это выше вашего контроллера.
@SurjeetBhadauriya Вы имеете в виду, я должен положить его за пределы моего контроллера или внутри него?
Да, @Devner, я знаю, но невозможно динамически привязать свой заголовок, как вы.
Конечно, это будет полезно для вас .. coderwall.com/p/vcfo4q/angularjs-change-title-based-on-route

JB Nizet · Answer 1 · 2016-08-15T12-26-00.000Z

0

Если вам нужен реальный динамический заголовок, вам нужно отобразить страницу на стороне сервера для этих роботов (или служить статическому кешу страницы), потому что они не выполняют JavaScript, который позволяет заполнять заголовок.

В противном случае вы можете использовать

<title ng-bind="metaTitle">Static title for Skype</title>

JB Nizet 15 авг. 2016, в 12:26

0

Но это будет отображать одно и то же статическое сообщение для каждой страницы. Верный? Например, скажем, я использую статическое сообщение как «Добро пожаловать», и если я вставлю ссылку на домашнюю страницу, мои друзья могут увидеть «Добро пожаловать». Если я вставлю ссылку на страницу контактов, они все равно увидят сообщение «Добро пожаловать» вместо того, чтобы показывать что-то вроде «Контакт». Это можно исправить?
Devner 15 авг. 2016, в 14:52
1

Да, это можно сделать, как я уже сказал в своем ответе, сгенерировав заголовок на стороне сервера. Вместо того, чтобы обслуживать статическую страницу index.html, вы бы обслуживали динамически генерируемую страницу, как мы все делали до того, как стали популярными одностраничные платформы JS, такие как Angular.
JB Nizet 15 авг. 2016, в 14:55
0

Спасибо, я понял. Но я не могу сейчас изменить фреймворк и не могу выбросить AngularJS для другого фреймворка. Так возможно ли все же достичь этого сейчас, имея под рукой нынешнюю структуру и структуру?
Devner 15 авг. 2016, в 14:57
0

Вы можете использовать общий заголовок для всех страниц при запуске приложения в «статическом режиме».
Pablo 15 авг. 2016, в 14:59
1

Я не говорил, что тебе пришлось бросить Ангуляр. Я сказал, что вы можете, в дополнение к использованию Angular, генерировать некоторые страницы или некоторые части страниц на стороне сервера, чтобы роботы без JavaScript отображали вещи, которые не выглядят слишком уродливо. Или чтобы вы могли генерировать статический кеш вашего веб-приложения и обслуживать страницы из этого статического кеша для роботов. Есть онлайн-сервисы, которые делают это для вас, если хотите.
JB Nizet 15 авг. 2016, в 15:01
0

Не могли бы вы поделиться любыми полезными ресурсами, которые лично вам показались интересными в этом отношении?
Devner 15 авг. 2016, в 15:09
0

Смотрите prerender.io например
JB Nizet 15 авг. 2016, в 15:11
0

Хорошо спасибо. Проверим это.
Devner 15 авг. 2016, в 16:23

Показать ещё 6 комментариев

Pablo · Answer 2 · 2016-08-15T12-03-00.000Z

Skype не выполняет/не интерпретирует JavaScript (в данном случае AngularJS) внутри страницы. Все Skype знает, что это статический HTML-контент.

Возможно, вам стоит взглянуть на рендеринг на стороне сервера или статическую целевую страницу для вашего приложения.

Изменение: согласно @JB Nizet answer, вы также можете использовать следующий синтаксис.

<title ng-bind="metaTitle">Static title for Skype</title>

Я думаю, что уже попробовал это, но позвольте мне снова попробовать.

Dev Shah · Answer 3 · 2016-08-15T13-04-00.000Z

-2

Поскольку вы упоминаете, что вы заполняете metaTitle с вашего контроллера, вам нужно переместить объявление контроллера в html-тег:

<html ng-app="myApp" ng-controller="myController">
<head>
      <title>{{metaTitle}}</title>
</head>
<body>
      Custom content
</body>
</html>

Dev Shah 15 авг. 2016, в 13:04

0

Я думаю, что вы правы относительно объявления контроллера на родительском узле. Однако проблема, с которой сталкивается OP, связана с тем, что робот (Skype) не выполняет JavaScript на странице.
Pablo 15 авг. 2016, в 15:05
0

Я делаю это так: $scope.$parent.metaTitle="Home"; , Поэтому перемещение ng-контроллера в html не решает мою проблему.
Devner 15 авг. 2016, в 15:07
0

Я вижу смысл в том, что @JB Низет пытается сказать, поэтому, если вы можете добавить что-то в эти строки, я могу попробовать это, и, возможно, это поможет мне.
Devner 15 авг. 2016, в 15:08
0

Вы должны думать, что независимо от того, какой код JavaScript вы пишете (Vanilla, Angular или любой другой фреймворк), он не будет выполняться средством визуализации Skype.
Pablo 15 авг. 2016, в 15:22

Показать ещё 2 комментария