css - 通过内部组件 angular2 添加 css 文件

标签 css angular typescript nativescript

我有一个用于所有登录字段的文本框组件。在它里面我有一个开关,通过我提供特定的功能; 示例:

case 'password':
    this.textField.nativeElement.secure = true;

我在开关内创建了另一个字段,我想在全局 CSS 中为它分配一个类,因为我只需要更改这种情况的颜色和文本大小。我该怎么做?

最佳答案

您可以使用它动态地将类应用到元素

[class.className]="booleanCondition"

你可以定义一个全局的css文件,然后在多个组件中引用它

styleUrls: ['./text-box.component.css', '../../../shared/shared-styles.css']

关于css - 通过内部组件 angular2 添加 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45832985/

相关文章:

css - 单击子项不会触发父项的 :active state in IE

angular - 使用 Angular 2 和 Spring MVC 中的其他表单字段上传文件

typescript - 限制和跳过 typeorm 中的相关列

reactjs - React.js TypeScript <input/> 和 <textarea/> 的相同组件

html - Css3 flex 属性元素在布局上对齐

php - css 和 js 文件未在 codeigniter 中使用 $this->load->view 加载

angular - _angular_core__WEBPACK_IMPORTED_MODULE_1__ ["ɵvid"] 不是一个函数

angular - 使用 Abstract 在 Typescript 中创建基础组件

javascript - FontAwesome 元素太大?

javascript - 多部分文件上传和服务 : Angular 2