Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/316.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 如何在很少更改CSS或组件的情况下为不同的客户端维护相同的代码?_Java_Angular_Optimization - Fatal编程技术网

Java 如何在很少更改CSS或组件的情况下为不同的客户端维护相同的代码?

Java 如何在很少更改CSS或组件的情况下为不同的客户端维护相同的代码?,java,angular,optimization,Java,Angular,Optimization,对于2个或更多的客户端,我有相同的Angular 6代码,但是当我移动构建时,我必须为特定的客户端手动注释一些东西。例如,假设我有客户机X和Y,对于客户机X我有不同的样式。Scss和客户机Y是不同的。我们使用tortoiseSVN维护代码,如何确保在构建代码时文件中的更改自动发生? 前端是Angular 6,后端是Java。您可以根据标志应用css类 let flag = 'x'; // E.x now x client is active. 在html中 // For css stuff

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

您可以根据标志应用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>
//用于css内容
//用于显示内容
//显示x用户的数据
//显示y用户的数据
因此,您还必须通过发送flag来管理后端

更新


当涉及到整个组件时,我建议您使用不同的auth guard。对于这种情况,这是最好的办法

对于body元素上的不同客户机,应该使用不同的类,以便可以根据客户机X或客户机Y设置子类的样式

例如,在初始化应用程序时,将类“clientx”添加到body中,然后将clientx作为父对象编写css规则

当您为clientX构建应用程序时,将类clientX添加到主体中,可以设置相应子元素的样式

body.clientx .elementA{
     color:red
}
body.clienty .elementA{
     color:yellow
}
类似地,当您为clientY构建应用程序时,将类clientY添加到主体中,并且可以设置相应子元素的样式

body.clientx .elementA{
     color:red
}
body.clienty .elementA{
     color:yellow
}

这样,您就不必接触角度逻辑,css本身就可以处理您的需求。对于更健壮的实现,您可以使用scss。

我知道css可以用这种方式更改,我可以使用“SetAttribute”来调用css,我已经这样做了,但这是一个构建后的场景,而我希望在构建时有一些脚本来处理它。这并不意味着如果您的代码可以在开发人员上工作,那么它就不能在构建中工作。它还将用于构建。甚至我也在用这种方式。这对我来说很有效。只是你们必须照顾好双方的国旗。我对这一点还不熟悉,但我能理解为什么会有没有答案的反对票吗?