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

Question

我在另一个组件中使用 SplitView 组件，但是 styles - --cx-active-view:2; --cx-view-position: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。

Answer 1

通过在 tsconfig.json 文件中添加下面的密钥来修复此问题 -

"angularCompilerOptions": {
  "enableIvy": true
}

需要样式属性 - https://angular.io/guide/ivy

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

Split View is not working as expected, styles are not getting applied

hybris

angular

spartacus-storefront