首页 > 解决方案 > 如何在 CSS 或组件更改很少的情况下为不同的客户端维护相同的代码?

问题描述

我为 2 个或更多客户端使用相同的 Angular 6 代码,但是在移动构建时,我必须为特定客户端手动注释一些内容。例如,假设我有客户 X 和 Y,对于客户 X,我有不同的 Style.Scss,对于客户 Y,它是不同的。我们使用 tortoiseSVN 维护代码,如何确保在构建代码时自动更改文件?前端是 Angular 6,后端是 Java。

标签: javaangularoptimization

解决方案


您可以根据标志应用 css 类。

let flag = 'x'; // E.x now x client is active. 

在 html 中

// For css stuff
<div [ngClass]="x ? 'xClass' ? 'yClass'">
</div>

// For show content 
<div *ngIf="flag == 'x'">
    // Show data of x user 
</div>

<div *ngIf="flag == 'y'">
    // Show data of y user 
</div>

这样,您还必须通过发送标志来管理后端。

更新

当涉及到整个组件时,我建议您使用不同的身份验证保护。对于这种情况,这是最好的选择。


推荐阅读