Question

我有3个组件（注意[selected] =“selectedTemplate == ....）

创建组件时，所选的@Input使其选中或不选择，因此激活特定的css类

父模板：

<my-template-select [selected]="selectedTemplate==0" (onSelected)="onSelectedTemplate($event)" value="0"></my-template-select> 
<my-template-select [selected]="selectedTemplate==1" (onSelected)="onSelectedTemplate($event)" value="1" ></my-template-select> 
<my-template-select [selected]="selectedTemplate==2" (onSelected)="onSelectedTemplate($event)" value="2"></my-template-select>

当我点击一个组件时，它执行选择功能

组件模板：

<div [ngClass]="selectedClass" (click)="select()" ></div>

使用@Output事件回调父级

组件控制器：

select()
{
    this.selectedClass["templateSelectActiveDiv"]=true;
    this.onSelected.emit(+this.value);
}

但是，当父母收到价值......

onSelectedTemplate(templateID:number)
{
    this.selectedTemplate=templateID;
}

它不会更新应该取消选择的其他孩子

我错过了什么？

感谢

@Output to parent不会更新其他孩子

0 个答案: