Skip to main content

Angular Projectsの9章の不明点をまとめた

Angular Projects

9. Building a Component UI Library Using Angular CLI and Angular CDK
9章を読んで写経して不明点をまとめた


Angular
・@Input/@Output
親子にデータのやりとりできる
https://qiita.com/masaks/items/677195b78379e0877e24
・moveItemInArray
配列の入れ替えをする

 

angular.json
・css
angular.jsonに書かれたcssはglobalに使われる
> The styles array inside of the angular.json file is used to declare global styles for a project (styles.css being one).
https://angular.jp/reference/configs/workspace-config#styles-and-scripts-configuration
https://stackoverflow.com/questions/55309150/importing-styles-in-angular-json-vs-importing-in-styles-css
・peer dependencies
ライブラリが本体と同じライブラリを使うようになる
https://angular.jp/tools/libraries/creating-libraries#peer-dependencies

 

エラー
・Module ‘”ng2-charts”‘ has no exported member ‘NgChartsModule’.ts(2305)

import { BaseChartDirective } from 'ng2-charts';

・NG0303: Can’t bind to ‘ngForOf
Common moduleを入れる

・DragDrop
DragDropModuleをimportしないと動かない

<div cdkDropListOrientation="horizontal" cdkDropList (cdkDropListDropped)="sortCards($event)">

・Can’t bind to ‘cdkCopyToClipboard’ since it isn’t a known property of ‘button’.ngtsc(-998002)
ClipboardModuleを入れる

 

Angular Projects

関連記事:

Pocket