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

[Anonymous]

Я использовал Angular CLI для генерации нового компонента, который дал мне файл HTML, файл CSS и файл TypeScript. В файле TypeScript я генерирую несколько HTML (два DOV), чтобы обернуть несколько твитов, которые генерируются файлом JS. < /p>

Код: Выделить всё

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 += '' + tweets[n] + '';
n++;
}
element.innerHTML = html;
}

twitterFetcher.fetch(config);
}

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

Подробнее здесь: https://stackoverflow.com/questions/490 ... -angular-2