时间戳

首页 > 解决方案 > 拆分视图未按预期工作，未应用样式

angular - 拆分视图未按预期工作，未应用样式

问题描述

我在另一个组件中使用 SplitView 组件，但样式 - --cx-active-view:2; --cx-view-位置：0；未应用于cx-split-view 和 cx-view。以下是相同的代码片段 -

<cx-view class="card">
  <div class="header">
    <div class="title-bar>
    </div>
  </div>
</cx-view>
<router-outlet></router-outlet>

<cx-split-view [hideMode]="false">
    <cx-view>
       <cx-table></cx-table> // using TableComponent inside split view.
    </cx-view>
 <router-outlet></router-outlet>
</cx-split-view>

结果，它不会在浏览器中显示另一个组件。如果在 cx-split-view 和 cx-view(Dev tools -> elements) 中手动添加样式，那么它将开始显示第二个组件。

**已经在两个组件中导入了 SplitViewModule。

标签： angularhybrisspartacus-storefront

解决方案

通过在 tsconfig.json 文件中添加以下键来解决此问题 -

"angularCompilerOptions": {
  "enableIvy": true
}

风格归因所需 - https://angular.io/guide/ivy

推荐阅读