Angular CDK drag-and-drop ã®ç´¹ä»‹ - 余白ã“ã‚“ã«ã¡ã¯ã€‚ ã“ã®è¨˜äº‹ã§ã¯Angular CDKã®æ¬¡æœŸã‚¢ãƒƒãƒ—デートã§æä¾›ã•ã‚Œã‚‹ã€ drag-and-drop 機能を紹介ã—ã¾ã™ã€‚ 執ç†æ™‚点ã§ã¯ã¾ã npmパッケージã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã€ä¸€èˆ¬ã«åˆ©ç”¨ã§ãã‚‹ã¾ã§ã«ã¯ã‚‚ã†ã—ã°ã‚‰ãã‹ã‹ã‚Šã¾ã™ãŒã€ ã‚‚ã—æ—©ã使ã„ãŸã„æ–¹ã¯ã€æ¬¡ã®ã‚³ãƒžãƒ³ãƒ‰ã§é–‹ç™ºç‰ˆãƒ“ルドをインストールã—ã¾ã—ょã†ã€‚ ãªãŠã€é–‹ç™ºç‰ˆãƒ“ルドã§ã™ã®ã§è‡ªå·±è²¬ä»»ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ $ yarn add angular/cdk-builds CDK drag-and-drop drag-and-dropã¯ãã®åã®ã¨ãŠã‚Šã€UI上ã§ã®ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—æ“作をサãƒãƒ¼ãƒˆã™ã‚‹ã‚‚ã®ã§ã™ã€‚ @angular/cdk/drag-drop パッケージã‹ã‚‰æä¾›ã•ã‚Œã‚‹ DragDropModule をインãƒãƒ¼ãƒˆã™ã‚‹ã¨ã€æ¬¡ã®2ã¤ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒåˆ©ç”¨ã§ãã¾ã™ã€‚ cdkDrag ディレクティブ cdkDragデ
å˜èªžã‚’入力ã™ã‚‹ã¨ç„¡æ–™ã§ã€Œãã®å˜èªžã‹ã‚‰é€£æƒ³ã•ã‚Œã‚‹è‰²ã€ã‚’ズラリã¨ä¸€è¦§è¡¨ç¤ºã—ã¦ãれる「Picularã€
ゼãƒã‹ã‚‰ã‚µãƒ¼ãƒãƒ¬ã‚¹ã®å…ˆé ã«è¿½ã„ã¤ã“ã†
{{#tags}}- {{label}}
{{/tags}}