Применение стилей к динамически созданным элементам в Angular 2

Web Develop Wolf спросил: 03 февраля 2018 в 10:17 в: javascript

Я использовал Angular CLI для создания нового компонента, который дал мне HTML-файл, файл CSS и файл машинописных файлов. В файле машинописного текста я генерирую некоторый HTML (два div) для переноса некоторых твитов, которые генерируются JS-файлом.

ngOnInit() {
    var config = {
      "id": '605465000484982784',
      "domId": '',
      "maxTweets": 3,
      "enableLinks": true,
      "showUser": false,
      "showTime": true,
      "dateFunction": '',
      "showRetweet": false,
      "customCallback": handleTweets,
      "showInteraction": false
    };    function handleTweets(tweets) {
        var x = tweets.length;
        var n = 0;
        var element = document.getElementById('social');
        var html = '';
        while(n < x) {
          html += '<div class="tweet-outer"><div class="tweet-inner">' + tweets[n] + '</div></div>';
          n++;
        }
        element.innerHTML = html;
    }    twitterFetcher.fetch(config);
  }

Но tweet-outer и tweet-inner Стили CSS не применяются. Я на 99% уверен, что это связано с тем, как стили загружаются в Angular, но я просто не знаю, как обойти его, я также уверен, что это будет что-то очень простое, чтобы исправить это, но похоже как есть много разных способов исправить проблемы CSS в Angular, что я чувствую, что я просто потерялся в море разных решений!

0 ответов