角 - 传递一个成分作为参数传递给另一个

Question

在虚设Angular应用我有两个组成部分：counter和test01。正如你可以在repository file

看到这GitHub的仓库包含一个完全工作的例子。

请检查这张图片。

如果您按一下按钮：“改变计数器值”，它设置了计数器号码：8成功。

但我的问题是：我怎么能通过counter组件到test01组件更改从一个更简单的方法test01方法中的值？

眼下组件的逻辑：test01是比较困难的，你可以看到here

我想这样做：

test01_obj.counter = 8; 

没有太多的代码了。

对此有何想法？

Answer 1

您正在以错误的方式接近问题。

我建议大家分享两个组件之间的模式（计数），而不是和依靠的绑定来实现[间接]互动。

即：

export class ContainerComponent { 

    myCounterModel: CounterModel = { 
     count: 0 
    }; 
    ... 
} 

export class CounterComponent { 
    ... 
    @Input() 
    counter: CounterModel; 
} 

export class Test01Component { 
    ... 
    @Input() 
    counter: CounterModel; 
} 


    //ContainerComponent template 

<counter [(counter)]="myCounterModel"></counter> 
<hr /> 
<test01 [(counter)]="myCounterModel" [resetValue]="8"></test01> 

有道理？