javascript - 在兄弟组件之间共享数据,同时它们都使用 *ngIf

标签 javascript angular angular6

所以我有一个父组件,它承载 2 个同级组件。 像这样的东西

<div *ngif="somecode()">
 <sibling1>
 </sibling1>
</div>

<div *ngif="somecode()">
 <sibling1 [dataParams]=sibling1object.somedata>
 </sibling1>
</div>

所以我收到 sibling1object.somedata 未定义的错误,但是当我从第一个 div 中删除 ngIf() 时,错误消失了。 *ngIf 解析为 true 或 false 并不重要。所以即使 sibling1 成功加载我也会收到错误消息。

最佳答案

使用 [hidden]="!somecode()" 而不是 *ngIf="somecode()"

关于javascript - 在兄弟组件之间共享数据,同时它们都使用 *ngIf,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55654226/

相关文章:

Angular - 自定义 ngx-bootstrap Typeahead 以根据以逗号分隔的多个值自动完成

java - 对 servlet 的多个 ajax 调用

angular - 行为主题 vs Observable 错误处理

angular - TSLint 正在被弃用。这对 Angular 有何影响?

javascript - Angular2 : Index. html不显示文件,只显示 "loading..."

node.js - 为什么最新的 Angular CLI 有损坏的包?

angular - 在 Angular 的父模板中调用子组件的方法是一个好习惯吗?

javascript - 连接到 CrossFilter 的 D3 JS 布局树

javascript - 根据其他数组值将字符串映射到数组的最佳方法

javascript - 尝试压缩 JavaScript/jQuery 代码