AngularJSã®Directiveã‚’ç†è§£ã™ã‚‹. - Qiitaã¯ã˜ã‚㫠ディレクティブã¯ã€AngularJSã«ãŠã„ã¦ã€Viewã¨Modelã®åŒæ–¹å‘ãƒã‚¤ãƒ³ãƒ‰ã‚’実ç¾ã™ã‚‹ãŸã‚ã®æ ¹å¹¹çš„ãªä»•çµ„ã¿ã§ã‚る。 ディレクティブã¯ã€é–‹ç™ºè€…ã‹ã‚‰è¦‹ã‚‹ã¨ã€Templateã®è¦ç´ ・属性ã¨ã—ã¦ç¾ã‚Œã‚‹ã€‚ 例ãˆã°ã€ãƒ†ã‚ストボックスã®å…¥åŠ›å€¤ã¨scope.nameã‚’ç´ä»˜ã‘ã‚‹å ´åˆã€Angularã§ã¯htmlã«ä¸‹è¨˜ã‚’記述ã™ã‚‹ã ã‘ã§ã€ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›å€¤ãŒscopeã¸å³æ™‚åæ˜ ã•ã‚Œã‚‹ã€‚ 上記コードã®"ng-model"ã¯Angularã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§çµ„ã¿è¾¼ã¾ã‚ŒãŸãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã§ã‚る。 ã‚‚ã¡ã‚ã‚“ã€htmlã®æ–‡æ³•ä¸Šã¯ã€ng-modelã¨ã„ã†å称ã®å±žæ€§ã¯inputã‚¿ã‚°ã«ã¯å˜åœ¨ã—ãªã„。AngularãŒç‹¬è‡ªã«ng-model属性を解釈ã—ã¦ã€åŒæ–¹å‘ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®æ©Ÿèƒ½ã‚’実ç¾ã—ã¦ã„ã‚‹ã®ã§ã‚ã‚‹(Angularã§ã¯ã€ã“れを「html文法ã®æ‹¡å¼µã€ã¨å‘¼ã‚“ã§ã„ã‚‹)。 ディレクティブã«ã¯ã€ng-repeatã‚„{{...}}ç‰ã€æ§˜
{{#tags}}- {{label}}
{{/tags}}