AngularJs SPA и связывания от социальных медиа

Так что я сделал это SPA блог с помощью AngularJs и parse.com, и он прекрасно работает: http://brianemilius.com AngularJs SPA и связывания от социальных медиа

Но когда я ссылку на посты в своем блоге от, скажем, Facebook или Twitter, карты в моих (facebook или twitter) сообщениях показывают название как {{ template.siteName }} вместо фактического названия.

Существуют ли какие-либо обходные пути для этого?

источник

2015-09-03 Brian Emilius

искатели не выполняют JavaScript, поэтому вы видите угловую expressions.Look в использовании услуг, как: HTTPS : //prerender.io/, чтобы исправить эту проблему. – trevor

prerender.io действительно выглядит действительно хорошо! Я попробую, спасибо! –

если уже не вы, возможно, захотите взглянуть на нг-плащ https://docs.angularjs.org/api/ng/directive/ngCloak

источник

2015-09-03 16:13:40 krv

Нет, это не делает ничего из того, что мне нужно. :/Спасибо, хотя –

@BrianEmilius взгляните на этот ответ здесь http://stackoverflow.com/questions/18230868/how-do-you-get-angularjs-to-bind-to-the-title-attribute-of- an-a-tag – krv

А, но моя проблема связана не с атрибутом, а с тегом в моей голове. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422009"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Последний вопрос </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://ru.voidcc.com/question/p-ueredrfs-bdm.html" target="_blank" title="Clojure: разница во времени между теперь и записями SQL datetime"> Clojure: разница во времени между теперь и записями SQL datetime </a> </li> <li class="side_article_list_item"> 2. <a href="http://ru.voidcc.com/question/p-zwrycwec-beq.html" target="_blank" title="Prestashop интерфейс флажок не послать POST значения"> Prestashop интерфейс флажок не послать POST значения </a> </li> <li class="side_article_list_item"> 3. <a href="http://ru.voidcc.com/question/p-oinbsxfm-bme.html" target="_blank" title="Eslint столпотворения подавить ошибку при импорте стилей в реакцию компонент"> Eslint столпотворения подавить ошибку при импорте стилей в реакцию компонент </a> </li> <li class="side_article_list_item"> 4. <a href="http://ru.voidcc.com/question/p-kjgyzoav-boe.html" target="_blank" title="Пропустить весь тестовый комплект при сбое подтверждения в любом тесте"> Пропустить весь тестовый комплект при сбое подтверждения в любом тесте </a> </li> <li class="side_article_list_item"> 5. <a href="http://ru.voidcc.com/question/p-omkdyrll-bnx.html" target="_blank" title="В чем разница между именем super() и родительским классом?"> В чем разница между именем super() и родительским классом? </a> </li> <li class="side_article_list_item"> 6. <a href="http://ru.voidcc.com/question/p-etxnwqli-bnq.html" target="_blank" title="WPF Forms DataGridView ContextMenu"> WPF Forms DataGridView ContextMenu </a> </li> <li class="side_article_list_item"> 7. <a href="http://ru.voidcc.com/question/p-viijdltx-bne.html" target="_blank" title="Извлечь имена атрибутов и значения с помощью Python/lxml и XPath"> Извлечь имена атрибутов и значения с помощью Python/lxml и XPath </a> </li> <li class="side_article_list_item"> 8. <a href="http://ru.voidcc.com/question/p-mgwoxdoo-bba.html" target="_blank" title="Можно ли инициализировать автоматическую переменную с помощью метода auto class?"> Можно ли инициализировать автоматическую переменную с помощью метода auto class? </a> </li> <li class="side_article_list_item"> 9. <a href="http://ru.voidcc.com/question/p-pidlvkff-bbk.html" target="_blank" title="верхняя граница сайта не отображается"> верхняя граница сайта не отображается </a> </li> <li class="side_article_list_item"> 10. <a href="http://ru.voidcc.com/question/p-ezikffra-bey.html" target="_blank" title="allow backslah url symfony2"> allow backslah url symfony2 </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Смежные вопросы</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item">Нет связанных вопросов^_^</li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://ru.voidcc.com/contact">Свяжитесь с нами</a></li> <li>© 2020 RU.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>