Твиттер о статусе рендеринга твита в Angular (+ кордова) - PullRequest
Новая
       47

Твиттер о статусе рендеринга твита в Angular (+ кордова)

0 голосов
/ 30 января 2020

Я пытаюсь отобразить твиты, используя функцию твита статуса oEmbed из: https://developer.twitter.com/en/docs/tweets/post-and-engage/api-reference/get-statuses-oembed

Для цели PO C, я попробовал это на простом файле html со следующим кодом : 

  <!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Tweet</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</head>

<body>
  <div id="tweet">

  </div>
</body>
<script>
  var url = 'https://publish.twitter.com/oembed?url=https%3A%2F%2Ftwitter.com%2FFarOutAkhtar%2Fstatus%2F1222837996421910528&maxwidth=360&widget_type=video&hide_media=false'


  $.ajax({
    url: url,
    type: "GET",
    dataType: "jsonp",
    success: function (data) {
      console.log(data);
      $("#tweet").html(data.html);
    }
  });
</script>

</html>

Я хорошо вижу встроенные твиты в браузере: enter image description here

Но когда я реализую то же самое в angular, твиты отображаются по-разному : enter image description here

Может кто-нибудь помочь или подсказать, что именно я делаю не так. Я проверил URL-адрес oEmbed одинаковый для обоих приложений.

Заранее спасибо.

...