1

angular 2 マテリアルと一緒に angular 2 を使用しています。 今までスタイリングにcssを使用していましたが、このコードペンに示されているように、このチェックボックスを使用したいと思います。例: https://codepen.io/Sambego/pen/zDLxeこの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 からのものだけを取得する必要がある場合は、この素晴らしい Web サイトを使用することをお勧めします http://www.sassmeister.com/ scss をコピーして左側に貼り付けます次に、cssを右側からコピーしてコードに貼り付けることができます

また、codepen は、コンパイルされた css コードを表示するオプションを提供します。これは、css セクションの右側のドロップダウンにあります。

編集：

sassmeister の Web サイトにコピーして貼り付けてみましたが、うまくいきませんでした。css にコンパイルする組み込みの codepen 操作を使用してから、それをコピーしてコードに貼り付けます。

于 2016-07-15T13:42:15.270 に答える