如何在Angular的某些模块中使用Bootstrap.css

时间:2019-12-19 21:22:05

标签: angular angular-module

是否可以在某些模块而不是整个应用程序中使用 CREATE TABLE t (id SERIAL, a JSON); INSERT INTO t (a) VALUES ('[[0.1, 2.0], [0.3, 4.0], [0.5, 6.0]]'), ('[[0.7, 8.0], [0.9, 10.0]]'); SELECT id, ((json_array_elements(a)->>0)::FLOAT) * ((json_array_elements(a)->>1)::FLOAT) as result FROM t;

我不想在某些模块中将Bootstrap.css添加到index.html或bootstrap.css样式中。

在我的项目中,有两个部分(管理员/客户端)。我想在客户部分中使用angular.json,并在管理部分中使用Bootstrap

2 个答案:

答案 0 :(得分:1)

如果您想在某些模块中使用引导程序,只需将其导入css文件中即可,例如

@import url('http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css');

答案 1 :(得分:1)

我会继承组件继承。

1. Client Base

@Component({
    selector: 'client-base',
    templateUrl: './client-base.component.html',
    styleUrls: ['./client-base.component.scss', 'bootstrap.css']
})

export class ClientBaseComponent {}

///

2. Client Component be like

@Component({
    selector: 'client-component',
    templateUrl: './client-component.component.html',
    styleUrls: ['./client-component.component.scss']
})

export class ClientComponent extends ClientBaseComponent  {}

////

3. Admin Base

@Component({
    selector: 'admin-base',
    templateUrl: './admin-base.component.html',
    styleUrls: ['./admin-base.component.scss', 'Material.css']
})

export class AdminBaseComponent {}

///

2. Admin Component be like

@Component({
    selector: 'admin-component',
    templateUrl: './admin-component.component.html',
    styleUrls: ['./admin-component.component.scss']
})

export class AdminComponent extends AdminBaseComponent {}