Question

我使用角度2和角度2材料。直到现在我使用css进行样式设置，但是我希望使用此代码中显示的此复选框，例如：https://codepen.io/Sambego/pen/zDLxe 它涉及scss＆amp;我对哪里和哪里无能为力？我该怎么把这个scss代码。这是我的subject.component.ts：

@Component({
    selector: 'subjects',
    templateUrl: 'app/subjects.component.html' ,
    styleUrls: ['app/app.component.css'],
    directives: [ MdButton,MdCard,MdToolbar,MdIcon,MdInput,MD_INPUT_DIRECTIVES,MdCheckbox,ProfileDetailsComponent,AgreementComponent,ROUTER_DIRECTIVES],
     providers:[MdIconRegistry]
})

Answer 1

如果您不想在文件系统中使用scss并且只需要从codepen中获取，那么我建议使用这个不错的网站http://www.sassmeister.com/将scss复制并粘贴到左侧然后你可以将css从右侧复制并粘贴到您的代码

此外，codepen提供了查看已编译的css代码的选项，它位于css部分右侧的下拉列表中

编辑：

只是尝试复制并粘贴到sassmeister网站...没有过得那么好，使用内置的codepen编译操作css然后将其复制并粘贴到您的代码中

是否可以使用.css＆amp; .scss文件都是一个角度2组件？

1 个答案: