小编HK1*_*123的帖子

使用 angular 7 在两个同级组件之间进行通信而不使用两者的公共服务的方法

在这里,我想在同一个父级的两个组件之间进行通信。基本上,我想将数据从一个组件传递到另一个组件。

第一个组件.ts

constructor(
    private service: service1,
    private serve: service2,
) {}

ngOnInit() {
    this.service.getUser().subscribe((data) => {
        this.serve.setAccount("1", "apple");
        this.serve.setEnvironment("Happy"); 
    })
}
Run Code Online (Sandbox Code Playgroud)

第二组件.ts

constructor(private usingService : service2) { }

 ngOnInit() {
 this.Account = this.serve.getAccount();
 this.environmentDetails = this.serve.getEnvironment();

 }
Run Code Online (Sandbox Code Playgroud)

我需要从 firstComponent 检索数据到 second.here 第一个组件在第二个组件之后加载。soo,第一个组件设置的数据稍后在图片中。

尝试使用 rxjs.but 的主题,我们如何在这个例子的 firstComponent.ts 中使用主题?

我如何在这两个组件之间进行通信,因为它们是彼此的兄弟姐妹?请帮忙

rxjs behaviorsubject angular angular7

4
推荐指数
1
解决办法
6330
查看次数

使用纯 css3 在圆圈(图标)内勾选/勾选

我正在尝试使用纯 css3 在其中绘制一个带有刻度/复选标记的圆圈

.success-checkmark {
    content: '?';
    position: absolute;
    left:0; top: 2px;
    width: 17px; height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3)

}
Run Code Online (Sandbox Code Playgroud)

我怎样才能实现我用上面的代码尝试过的?

css

3
推荐指数
2
解决办法
7114
查看次数

标签 统计

angular ×1

angular7 ×1

behaviorsubject ×1

css ×1

rxjs ×1