Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.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
如何在Angular2中将CSS类作为输入传递?_Angular_Typescript - Fatal编程技术网

如何在Angular2中将CSS类作为输入传递?

如何在Angular2中将CSS类作为输入传递?,angular,typescript,Angular,Typescript,我试图使用angular2@Input指令从另一个组件获取CSS类。假设我有以下几点: 当前组件css文件中有“xClass”,我想使用@input将该类作为输入传递给自定义组件,如下所示: @Input('dac-class')) 私有类:CSS//对此不确定 这有可能吗 @Input('dac-class') private Klass: string 单词class是保留的,因此在javascript或typescript中不能将其用作别名,而且,输入与别名同名总是更好的选择: @In

我试图使用angular2@Input指令从另一个组件获取CSS类。假设我有以下几点:

当前组件css文件中有“xClass”,我想使用@input将该类作为输入传递给自定义组件,如下所示:

@Input('dac-class'))
私有类:CSS//对此不确定

这有可能吗

@Input('dac-class') private Klass: string
单词
class
是保留的,因此在javascript或typescript中不能将其用作别名,而且,输入与别名同名总是更好的选择:

@Input('dac-class') private decClass: string
然后你会使用它:

 <custom-component dac-class="someCssClass"  ngClass="xClass"> </custom-component>


当你说
dac class=“someCssClass”
这个someCssClass被解读为string。class应该是string,不是吗?如果需要变量,只需传递[dac class]=“someCssClass”是的,如果我从.ts文件中以对象的形式读取此输入,则为真,但事实并非如此。我想从.css文件中读取css类对象及其属性.css文件中的内容是什么?没有任何意义,给我们看一些你的代码库
.xClass{width:20px;height:30px;}
这个类在.css文件中,我想把它传递给另一个组件,因为它请参考下面的url,它可能对你有帮助。