[
{
id: 1;
title: 'test';
tags: [
{id: 1, title: 'test 1', new_id: 1},
{id: 2, title: 'test 2', new_id: 1}
{id: 3, title: 'test 3', new_id: 1}
];
},
......
{....} /* еще одна новость */
]
<div *ngFor="let item of news">
<p> {{item.title}} </p>
<p> {{item.content}} </p>
<span (click)="item.showTags = !item.showTags">Теги:</span>
<div *ngIf="item.showTags">
<div name="tags" *ngFor="let tag of item.tags">
<span> {{tag.title}} </span>
</div>
</div>
</div>
@HostListener('window:resize', ['$event.target.innerWidth'])
onResize(width: number) {
// width - это значение ширины экрана я обычно его использую для добавления классов к
// body, но Вы можете на основании ширины экрана уже задавать адаптивность Вашему блоку
// например при помощи css классов или задавать размер через доступ к блоку
// вышеуказанными способами
}
var input1 = document.querySelector("#betTb_chance_bB");
var input2 = document.querySelector("#betTb_chance_bB");
input1.oninput = function() {
input2.value = this.value
};
input2.oninput = function(){
input1.value = this.value
}