2015-02-11 2 views
1

Привет Я пытаюсь создать что-то с угловым, где вы можете отправить URL-адрес твита, и он будет вставлять твит. Я думал, что могу просто вставить рули внутри виджета встраивания, но он не работает. Это что-то может быть о порядке, в котором стреляют события.Угловое связывание данных внутри встраиваемого виджета Twitter не работает

Это код

<section data-ng-controller="ArticlesController"> 

{{article.title}}<p> 

<a class="embedly-card" href="{{article.title}}">hi</a><p> 

<a class="embedly-card" href="https://twitter.com/jashkenas/status/563803426107449347">bye</a> 

<a class="embedly-card" ng-href="{{article.title}}">why</a> 

</section> 

И это result

Как вы можете видеть, что я пробовал несколько различных способов, и он работает, когда он просто имеет URL вставленное там, но не с угловые данные. Хотя, когда вы нажимаете на привет и почему ссылки, они ведут вас в нужное место.

Это inspecting the page

Тот, который работал создал весь этот IFRAME, но остальные просто ссылки.

Следует также сказать, Тереза ​​embedly сценарий, который я поставил в заголовке

<script async src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script> 

Любая помощь очень ценится. Я действительно не знаю угловатых, я просто хотел поиграть и немного узнать об этом. Наверное, может быть, я сейчас. Благодарю.

+0

, кажется, щебет виджет рендеринг, прежде чем угловой рендеринг DOM, может быть, поэтому щебетать виджет не может понять attribute 'href' – Rebornix

+0

Да, я думал об одном и том же, интересно, есть ли способ отложить запуск виджета. – j1mmy

+0

вы можете обратиться к этим проектам [1] (https://github.com/Urigo/angular-embedly) [2] (https://github.com/lithiumtech/angular-embedly) для того, как обращаться с проблемами рендеринга, надеюсь, что это сработает. – Rebornix

ответ

1

Проблема, с которой вы столкнулись, заключается в том, что встраивает элемент перед тем, как Angular отображает элемент DOM, что означает, что встраивание может не знать, что на самом деле есть href, и оно останавливает рендеринг и ничего не оставляет.

Вы можете обратиться к этим проектам 12 как обрабатывать последовательность рендеринга.

+0

, не получив удачи в том, что он работает, должен быть более простой способ – j1mmy

+0

, как и я, задерживаю выполнение сценария внедрения, пока Загрузка DOM – j1mmy

0

, так что я в конечном итоге просто откладываю embedly сценария загрузки с этим Js

setTimeout(function() { 
    var headID = document.getElementsByTagName("head")[0];   
    var newScript = document.createElement('script'); 
    newScript.type = 'text/javascript'; 
    newScript.src = 'http://www.somedomain.com/somescript.js'; 
    headID.appendChild(newScript); 
}, 5000); 

я нашел здесь https://stackoverflow.com/a/9611751/927591

Смежные вопросы