1

我正在使用 angular 2 和 angular 2 材料。到目前为止，我一直在使用 css 进行样式设置，但我希望使用此代码笔中显示的此复选框，例如：https : //codepen.io/Sambego/pen/zDLxe 它涉及 scss 并且我不知道我应该在哪里以及如何把这个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]
})
4

1 回答 1

1

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

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

编辑：

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

于 2016-07-15T13:42:15.270 回答