-- ·|­û / µù¥U -- ¡@
¡@±b¸¹¡G
¡@±K½X¡G
¡@ | µù¥U | §Ñ°O±K½X
3/26 ·s®Ñ¨ì¡I 3/19 ·s®Ñ¨ì¡I 3/14 ·s®Ñ¨ì¡I 12/12 ·s®Ñ¨ì¡I
ÁʮѬyµ{¡EQ & A¡E¯¸°È¯d¨¥ª©¡E«ÈªA«H½c
¢x 3ds Max¢x Maya¢x Rhino¢x After Effects¢x SketchUp¢x ZBrush¢x Painter¢x Unity¢x
¢x PhotoShop¢x AutoCad¢x MasterCam¢x SolidWorks¢x Creo¢x UG¢x Revit¢x Nuke¢x
¢x C#¢x C¢x C++¢x Java¢x ¹CÀ¸µ{¦¡¢x Linux¢x ´O¤J¦¡¢x PLC¢x FPGA¢x Matlab¢x
¢x Àb«È¢x ¸ê®Æ®w¢x ·j¯Á¤ÞÀº¢x ¼v¹³³B²z¢x Fluent¢x VR+AR¢x ANSYS¢x ²`«×¾Ç²ß¢x
¢x ³æ´¹¤ù¢x AVR¢x OpenGL¢x Arduino¢x Raspberry Pi¢x ¹q¸ô³]­p¢x Cadence¢x Protel¢x
¢x Hadoop¢x Python¢x Stm32¢x Cortex¢x Labview¢x ¤â¾÷µ{¦¡¢x Android¢x iPhone¢x
¥i¬d®Ñ¦W,§@ªÌ,ISBN,3dwoo®Ñ¸¹
¸Ô²Ó®ÑÄy¤ÀÃþ

´¦¯µAngular¡]²Ä2ª©¡^

( ²Åé ¦r)
§@ªÌ¡G¼sµoÃҨ餬Ápºôª÷¿Ä§Þ³N¹Î¶¤Ãþ§O¡G1. -> µ{¦¡³]­p -> ºô¸ô½sµ{ -> AngularJS
ĶªÌ¡G
¥Xª©ªÀ¡G¹q¤l¤u·~¥Xª©ªÀ´¦¯µAngular¡]²Ä2ª©¡^ 3dWoo®Ñ¸¹¡G 49608
¸ß°Ý®ÑÄy½Ð»¡¥X¦¹®Ñ¸¹¡I

¡i¯Ê®Ñ¡j
NT°â»ù¡G 590 ¤¸

¥Xª©¤é¡G7/1/2018
­¶¼Æ¡G576
¥úºÐ¼Æ¡G0
¯¸ªø±ÀÂË¡G
¦L¨ê¡G¶Â¥Õ¦L¨ê»y¨t¡G ( ²Åé ª© )
¥[¤JÁʪ«¨® ¢x¥[¨ì§Úªº³Ì·R
(½Ð¥ýµn¤J·|­û)
ISBN¡G9787121342721
§@ªÌ§Ç¡@|¡@ĶªÌ§Ç¡@|¡@«e¨¥¡@|¡@¤º®e²¤¶¡@|¡@¥Ø¿ý¡@|¡@§Ç
(²Åé®Ñ¤W©Ò­z¤§¤U¸ü³sµ²¯Ó®É¶O¥\, ®¤¤£¾A¥Î¦b¥xÆW, ­YŪªÌ»Ý­n½Ð¦Û¦æ¹Á¸Õ, ®¤¤£«OÃÒ)
§@ªÌ§Ç¡G

ĶªÌ§Ç¡G

«e¨¥¡G

2016 ¦~9 ¤ë15 ¤é¡AAngular ¾îªÅ¥X¥@¡Cų¤_Angular 1.x ªº¥¨¤j¦¨¥\¡A¥[¤WAngular¦Û¨­¶W«e¦ÓÄAÂЦ¡ªº³]­p¡A¨Ï¨ä¥«³õÃöª`«×¤ôº¦²î°ª¡C¥»®Ñ¬O¤@¥»À°§UŪªÌ¹ïAngular¶i¦æ§Ö³t¤F¸Ñ¡B²`¤J¼ô±x¦}¥Î¨ä¶i¦æ¹ê¾Ô¶}µoªº®ÑÄy¡C
¥»®Ñ·§­z
¥»®Ñ¥D­n¤À¬°¤Jªù½g¡B²`¤J½g¡B¹ê¾Ô½g©M©µ¦ù½g¥|¤j³¡¤À¡AÁ`¦@20 ­Ó³¹¸`¡C
²Ä¤@³¡¤À¡G±q²Ä1 ³¹¨ì²Ä4 ³¹¡A¥D­nÁ¿­z¾ã­Ó«eºÝµo®i¥vªººt¶i¡FAngular ªºµo®i¾úµ{¡B®Ö¤ß·§©À¤Î©PÃä¤u¨ãªºÂ²³æ¤¶²Ð¡F§Ö³t¼ô±xAngular ©x¤è±ÀÂ˪º¶}µo»y¨¥TypeScript¡F³Ì¦Z¥H¤@­Ó³q°T¿ý¥Ü¨Ò¤¶²Ð¦p¦ó·f«Ø¶}µoÀô¹Ò¦}§Ö³t¤W¤âAngular¡C
²Ä¤G³¡¤À¡G±q²Ä5 ³¹¨ì²Ä12 ³¹¡A¥D­n³ò¶³q°T¿ý¥Ü¨Ò²`¤JÁ¿¸ÑAngular ªº¬ÛÃöª¾ÃÑÂI¡A¥]¬AAngular ªº¹B¦æ¾÷²z»P¾ãÅé¬[ºc¤¶²Ð¡B²Õ¥ó»PÅܤƺʴú¬ÛÃö¤º®e¡B¼ÒªO»PºÞ¹D¡B«ü¥OªºÁ`Å餶²Ð¡BªA°È»PÅTÀ³¦¡½sµ{RxJS¡B±j¤jªº¨Ì¿àª`¤J¡BÆF¬¡°ª¥i¥Îªº¸ô¥Ñ¾÷¨îµ¥¡A³Ì¦Z¤¶²Ð¤F¦b¶µ¥Ø¶}µo¤¤»P´ú¸Õ¬ÛÃöªº¤º®e¡C
²Ä¤T³¡¤À¡G±q²Ä13 ³¹¨ì²Ä18 ³¹¡A¥D­n¥H¹ê²{¤@­Ó°Ý¨÷½Õ¬d¨t²Î¬°¥Ø¼Ð¡AÄÄ­z¦p¦ó¨Ï¥ÎAngular ¶i¦æ¶µ¥Ø¹ê¾Ô¡C¥D­n¤º®e¥]¬A¶µ¥Ø­I´º¤¶²Ð¡B¶}µoÀô¹Òªº·f«Ø¡B¾ãÅé§Þ³N¬[ºc¤ÀªR¡B¥Î¤áºÞ²z¤Î°Ý¨÷½s¿èµ¥­¶­±ªº¹ê²{²Ó¸`µ¥¡A³Ì¦ZÁ¿¸Ñ¤F¶µ¥Øªººc«Ø¬yµ{¤Î³Ì¨Î¹ê½î¡C
²Ä¥|³¡¤À¡G±q²Ä19 ³¹¨ì²Ä20 ³¹¡A¥D­nÁ¿­zAngular ªº¨â­Ó©µ¦ùÀ³¥Î¡A¨C­ÓÀ³¥Î§¡¥]§t§¹¾ãªº¹ê¾Ô¨Ò¤l¡C¨ä¤¤²Ä19 ³¹Á¿¸ÑAngular ªº²V¦XÀ³¥Î¶}µo¡A§Yionic¡F¦Ó²Ä20 ³¹«hÁ¿­zAngular ªºªA°ÈºÝ´è¬V§Þ³N¡C
½Ö¾A¦X³o¥»®Ñ
¥»®Ñªº¥D­n¥Ø¼ÐŪªÌ¬O¦³¤@©wJavaScript ¶}µo¯à¤Oªº·s¤H¡A¦³Angular 1.x ¬ÛÃö¸gÅ窺¶}µoªÌ¡A¦³Java¡BC# µ¥¦ZºÝ»y¨¥½sµ{¸gÅ窺¤H¡A©ÎªÌ·Q³q¹L¥»®Ñ§Ö³t¤F¸ÑAngular ´x´¤§ó¦h·sÂA²z©Àªº¸ê²`¤uµ{®vµ¥¡C
¦p¦ó¾\Ū¦¹®Ñ
¥»®Ñ°ò¤_Angular 5.0 ª©¥»¶i¦æÁ¿¸Ñ¡C
¥»®Ñ«ö·Ó¥Ñ§C¨ì°ªªºÃø«×Åܤƫä¸ô¶i¦æ¼¶¼g¡C²Ä¤@³¡¤À¾A¦X­è±µÄ²Angular ªºÅªªÌ¶i¦æ²Ó­Pªº¾\Ū¡A¦pªG¤w¦³¬ÛÃö°ò¦©Î¤ñ¸û¼ô±xAngular ªºÅªªÌ¥i¥H¸õ¹L²Ä¤@³¡¤À¡Aª½±µ¾Ç²ß²Ä¤G³¡¤À²`¤J²z¸Ñ©ÎªÌ²Ä¤T³¡¤À¶µ¥Ø¹ê¾Ô¡C
¥þ®Ñªº´¡¹Ïªö¥Î²Î¤@ªºÃ¸¹Ï­·®æ¡A¥H¤âø­·®æªº§Î¦¡ªí²{¥X¨Ó¡A¤O¨D²¼ä¡A¦p¹J³¡¤ÀÃøÀ´¤§³B¥i°t¦X¤W¤U¤å¶i¦æ¸ÑŪ¡C
¥»®Ñ¥]§t½Ñ¦h¥N½X¬q¡A³o¨Ç¥N½X¬q¥i¤À¬°¨âÃþ¡A¤@Ãþ¬O¤ñ¸û§¹¾ã¿W¥ßªº¡A¸òµÛ½s¼g¦}¯à¬Ý¨ì¹B¦æ®ÄªGªº¥Ü¨Ò¥N½X¡F¥t¤@Ãþ¬O»²§U¾Ç²ßªº¥N½X¬q¡A¥H¤¶²Ð·§©Àª¾ÃÑÂI¬°¥D¡A¤O¨D´î¤Ö¤£¬ÛÃö¥N½Xªº¤zÂZ¡A³q±`¥uºI¨ú³Ì®Ö¤ßªº¤ù¬q¡A¦}¥H¦ñ¦³¬Ù²¤¸¹ªº§Î¦¡¥X²{¡C¥»®Ñ¯A¤Îªº¤T­Ó¥D­n¥Ü¨Òªº·½½X¤]¤w³q¹LGitHub ¶}·½¡Aºô§}¦p¤U©Ò¥Ü¡A·P¿³½ìªºÅªªÌ¥i¥H¤U¸ü¹B¦æ¡A»²§U¹ï¥»®Ñ¬ÛÃöª¾ÃѪº¾Ç²ß²z¸Ñ¡C
¬°¤F¥[±j¹ï¬ÛÃöª¾ÃÑÂIªº²z¸Ñ¡A¥»®Ñ¤]¥[¤J¤F¤@¨Ç®Çª`¡A¹ï¤º®e¶i¦æ¬ÛÃö¸É¥R¡C³¡¤À¸û¬°²`¤J¦ý¤£±`¥Îªºª¾ÃÑÂI¡A±N¥HÂX®i¾\Ū©ÎªÌ§åª`ªº§Î¦¡®i²{¡C
°É»~©M¤ä«ù
¥Ñ¤_µ§ªÌ¤ô¥­¦³­­¡A¤S¬O¹ÎÅé§@¾Ô¡A¥BAngular §ó·s­¡¥N¤ñ¸û§Ö¡A¥[¤W®ÑÄy¼¶¼gªº®É¶¡¤ñ¸û­Ü«P¡A®Ñ¤¤Ãø§K·|¥X²{¤@¨Ç¿ù»~©ÎªÌ¤£·Ç½Tªº¦a¤è¡AÀµ½ÐŪªÌ§åµû«ü¥¿¡CŪªÌ¥i¥H§â®Ñ¤¤µo²{ªº°ÝÃD©Î«Øij³q¹L¦bGitHub ¤W´£Issue ªº¤è¦¡¤ÏõXµ¹§Ú­Ì¡Aºô§}¦p¤U©Ò¥Ü¡A§Ú­Ì·|ºÉ§Ö¦^´_¤j®aªººÃ°Ý¡A¦}¨Ì¾Ú¦¬¶°ªº«H®§¾ã²z­×¥¿¡C
­PÁÂ
­º¥ý¡A·PÁ¹q¤l¤u·~¥Xª©ªÀªº±i¬K«B¡B¼B¨Î¥Ýµ¥½s¿è¤Î±Æª©¥ÕÀܦѮv¡A¦Û©l¦Ü²×µ¹¤©§Ú­Ì±j¦³¤OªºÀ°§U©M¤ä«ù¡C¦pªG·í®É¨S¦³¬K«B¦Ñ®vªºÁܽСA§Ú­Ì¥i¯à´N¤£·|¦³¼g®Ñªº¨R°Ê¡A¤]´N¤£·|¦³¥»®Ñªº½Ï¥Í¤F¡C
¨ä¦¸¡A­n·PÁ¼sµoÃҨ餬Ápºôª÷¿Ä§Þ³N¹Î¶¤ªº¥þÅé¤p¥ë¦ñ­Ì¡C¥»®Ñ¬O¾ã­Ó¹Î¶¤¡]°Ñ»P¼g§@ªº¤H¼Æ¦h¹F22 ¤H¡^¦bÁc¦£¤u§@¤§§E§Q¥Îº¾¸Hªº·~§E®É¶¡§¹¦¨ªº¡A¨äÃø«×¤£¨È¤_¤@¦¸¤j¶µ¥Øªº¨ó§@¡A¦pªG¨S¦³¤j®aªººò±K¨ó§@©M°í«ù¤£¾Ó¡A³o¥»®Ñ¤]¬O¤£¥i¯à§¹¦¨ªº¡A©Ò¥H«D±`·PÁÂ¥H¤U§@ªÌªº¨¯­W¥I¥X¡C
³¹¸`§@ªÌ
¾ãÅ餺®e¼f®Õ§d¬±ªN¡B±iÙç¡B°ª®ü®ö¡B´ö®Û¤t¡B§õ¥ò½÷¡BØE¾Ç³Í¡B­ð©ú¡B±ç´º´ï
²Ä1 ³¹«eºÝ­·¤ª´ö®Û¤t
²Ä2 ³¹Angular ²¤¶°ª®ü®ö
²Ä3 ³¹TypeScript ¤Jªù±iÙç¡B«À¤ªµÓ¡B³¢¤OùÚ
²Ä4 ³¹§Ö³t¤Jªù¿úÄÊ¡B§d¬±ªN
²Ä5 ³¹Angular ¬[ºcÁ`Äý§õ¥ò½÷
²Ä6 ³¹²Õ¥ó±ç´º´ï¡B­ð©ú
²Ä7 ³¹¼ÒªO¶À¾å´@¡B°K³¥
²Ä8 ³¹«ü¥OÅÇÄQ
²Ä9 ³¹ªA°È»PRxJS ¾H¥ÉÀs¡B§d«aÄP
²Ä10 ³¹¨Ì¿àª`¤J±iÙç¡B«À¤ªµÓ
²Ä11 ³¹¸ô¥Ñ§õ»·¡B³¢°¶
²Ä12 ³¹´ú¸Õ§õ¿A´­
²Ä13 ³¹°Ý¨÷½Õ¬d¨t²Î²¤¶ØE¾Ç³Í¡B¤ý´­
²Ä14 ³¹¶µ¥Ø°_¨BØE¾Ç³Í
²Ä15 ³¹°Ý¨÷½s¿è¼Ò¶ôØE¾Ç³Í
²Ä16 ³¹§Úªº°Ý¨÷¼Ò¶ôØE¾Ç³Í
²Ä17 ³¹¥Î¤áºÞ²z¼Ò¶ô·¨»«¥Í
²Ä18 ³¹¶µ¥Øºc«Ø©M³Ì¨Î¹ê½î¤ý´­
²Ä19 ³¹²¾°Ê¶}µo®Ø¬[¡Gionic ¤¶²Ð»P¹ê¾Ô±iÙç
²Ä20 ³¹ªA°ÈºÝ´è¬V±ç´º´ï¡B­ð©ú
¤º®e²¤¶¡G

¥»®Ñ§@¬°«eª©¡m´¦¯µAngular 2¡nªº­«¤j¤É¯Å¡A¬Oºò¸òAngular.js·sª©¥»ªº¹ê¾ÔÅv«Â«ü«n¡CAngular½Ï¥Í¤_Google¡A¤w¥Î¤_¦h´ÚGoogle¤Î¥þ²y°Ó·~²£«~¡C¥¦¬O¤@®MJavaScript«eºÝ®Ø¬[¡A¦®¦b¶}µo·í¤U¬y¦æªº¼Æ¾ÚÅX°Êªº³æ­¶­±WebÀ³¥Î¡A¨ä®Ö¤ß¯S©Ê¬O¡GMVC¡B¼Ò¶ô¤Æ¡B¦Û°ÊÂù¦V¼Æ¾Ú¸j©w¡B»y¸q¤Æ¼Ðñ¡B¨Ì¿àª`¤Jµ¥¡C§@¬°¤@³¡¨t²ÎÁ¿¸Ñ¬y¦æ«eºÝ®Ø¬[?Angular ·sª©ªºÅv«ÂµÛ§@¡A¥»®ÑÂл\¤Jªù¡B¶i¶¥©M¹ê¾Ô¤T¤j¥DÃD¡C²Ä¤@³¡¤À±q«eºÝªº¬G¨Æ°_ÂI»¡°_¡AµM¦Z¹ï?Angular?¥H¤Î?TypeScript?¶i¦æ¤F²³æªº¤¶²Ð¡A±µµÛ³q¹L¤@­Ó³q°T¿ý¨Ò¤lÅýŪªÌ§Ö³t¤Jªù?Angular?ªº¶}µo¡F²Ä¤G³¡¤À«h²`¤JÁ¿¸Ñ¤F?Angular?¬[ºc¥H¤Î?Angular?®Ö¤ß¤º®e¡A¥]¬A²Õ¥ó¡B¼ÒªO¡B«ü¥O¡BªA°È¡B¨Ì¿àª`¤J¡B¸ô¥Ñ¥H¤Î´ú¸Õ¡A¦¹¥~¡A¦b¬ÛÀ³ªº³¹¸`¨½ÁٸɥR»¡©ú¤FÄ´¦pÅܤƺʴúªº®Ö¤ß?Zones¡]²Ä?6?³¹¡^¡BÂù¦V¸j©wªº­ì²z¡]²Ä?7?³¹¡^¡BRxJS¡]²Ä?9?³¹¡^µ¥ÃöÁ䤺®e¡F²Ä¤T³¡¤À«h³q¹L°Ý¨÷½Õ¬d¨t²Î¨Ó«ü¤ÞŪªÌ¶i¦æ?Angular?¶µ¥Øªº¹ê¾Ô¡F²Ä¥|³¡¤À¥D­n¬O Angular ©µ¦ùª¾ÃѪºÁ¿¸Ñ¡A¤¶²Ð¤F ionic ®Ø¬[¡]²Ä 19 ³¹¡^¥H¤Î Angular ªºªA°ÈºÝ´è¬V¡]²Ä 20 ³¹¡^¬ÛÃö§Þ³N¡C

¥Ø¿ý¡G

²Ä¤@³¡¤À¤Jªù½g
1 «eºÝ­·¤ª 2
1.1 ¬G¨Æªº°_ÂI 2
1.2 AJAX ¤ýªÌÂk¨Ó 3
1.3 ¤u¨ã®wªº¬y¦æ 3
1.4 ¦Ê®aª§»ï 3
1.5 ¨«¶i«eºÝ·s®É¥N 4
1.6 ¤pµ² 6

2 Angular ²¤¶ 7
2.1 ¾ú¥v¦^ÅU 7
2.1.1 AngularJS 1.x °_·½ 7
2.1.2 AngularJS 1.x ­¡¥N¤§¸ô 8
2.1.3 ªì¥ÍªºAngular 9
2.1.4 §Ö³tµo®iªºAngular 10
2.1.5 Angular 4 ©M¦ZÄò»y¸qª©¥» 11
2.1.6 ¶}µo»y¨¥¤§¿ï 13
2.2 Angular ²­z 14
2.2.1 ®Ö¤ß·§©À 14
2.2.2 ¥­»O²¤¶ 16
2.2.3 ¥­»O«GÂI 18
2.3 ¤pµ² 19

3 TypeScript ¤Jªù 20
3.1 TypeScript ·§­z 20
3.1.1 ·§­z 20
3.1.2 ¦w¸Ë 21
3.2 °ò¥»Ãþ«¬ 22
3.2.1 ¥¬º¸Ãþ«¬ 22
3.2.2 ¼Æ¦rÃþ«¬ 22
3.2.3 ¦r²Å¦êÃþ«¬ 23
3.2.4 ¼Æ²ÕÃþ«¬ 23
3.2.5 ¤¸²ÕÃþ«¬ 23
3.2.6 ªTÁ|Ãþ«¬ 23
3.2.7 ¥ô·N­ÈÃþ«¬ 24
3.2.8 null ©Mundefined 24
3.2.9 void Ãþ«¬ 25
3.2.10 never Ãþ«¬ 26
3.3 Án©ú©M¸Ñºc 26
3.3.1 let Án©ú 27
3.3.2 const Án©ú 28
3.3.3 ¸Ñºc 28
3.4 ¨ç¼Æ 30
3.4.1 ¨ç¼Æ©w¸q 30
3.4.2 ¥i¿ï°Ñ¼Æ 30
3.4.3 Àq»{°Ñ¼Æ 31
3.4.4 ³Ñ§E°Ñ¼Æ 32
3.4.5 ¨ç¼Æ­«¸ü 32
3.4.6 ½bÀY¨ç¼Æ 33
3.5 Ãþ 34
3.5.1 Ãþªº¨Ò¤l 34
3.5.2 Ä~©Ó»P¦hºA 34
3.5.3 ­×¹¢²Å 35
3.5.4 °Ñ¼ÆÄÝ©Ê 37
3.5.5 ÀRºAÄÝ©Ê 37
3.5.6 ©â¶HÃþ 38
3.6 ¼Ò¶ô 39
3.6.1 ·§­z 39
3.6.2 ¼Ò¶ô¾É¥X¤è¦¡ 39
3.6.3 ¼Ò¶ô¾É¤J¤è¦¡ 40
3.6.4 ¼Ò¶ôªºÀq»{¾É¥X 41
3.6.5 ¼Ò¶ô³]­p­ì«h 42
3.7 ±µ¤f 44
3.7.1 ·§­z 44
3.7.2 ÄÝ©ÊÃþ«¬±µ¤f 44
3.7.3 ¨ç¼ÆÃþ«¬±µ¤f 45
3.7.4 ¥i¯Á¤ÞÃþ«¬±µ¤f 46
3.7.5 ÃþÃþ«¬±µ¤f 46
3.7.6 ±µ¤fÂX®i 47
3.8 ¸Ë¹¢¾¹ 48
3.8.1 ·§­z 48
3.8.2 ¤èªk¸Ë¹¢¾¹ 49
3.8.3 Ãþ¸Ë¹¢¾¹ 50
3.8.4 °Ñ¼Æ¸Ë¹¢¾¹ 52
3.8.5 Äݩʸ˹¢¾¹ 53
3.8.6 ¸Ë¹¢¾¹²Õ¦X 53
3.9 ªx«¬ 55
3.10 TypeScript ©PÃä 56
3.10.1 ½sĶ°t¸m¤å¥ó 56
3.10.2 Án©ú¤å¥ó 57
3.10.3 ½s½X¤u¨ã 58
3.10.4 ®i±æ¥¼¨Ó 59
3.11 ¤pµ² 59

4 §Ö³t¤Jªù 60
4.1 Hello World ¨Ò¤l 60
4.1.1 ·Ç³Æ¤u§@ 60
4.1.2 ºc«Ø¶µ¥Ø 61
4.2 ³q°T¿ý¨Ò¤l 66
4.2.1 ­I´º¤¶²Ð 66
4.2.2 ¬[ºc³]­p 68
4.3 ¤pµ² 74

²Ä¤G³¡¤À²`¤J½g
5 Angular ¬[ºcÁ`Äý 76
5.1 ®Ö¤ß¼Ò¶ô¤¶²Ð 76
5.1.1 ²Õ¥ó 77
5.1.2 ¼ÒªO 81
5.1.3 «ü¥O 83
5.1.4 ªA°È 84
5.1.5 ¨Ì¿àª`¤J 84
5.1.6 ¸ô¥Ñ 86
5.2 À³¥Î¼Ò¶ô 89
5.3 ·½½Xµ²ºc¤¶²Ð 92
5.4 ¤pµ² 93

6 ²Õ¥ó 94
6.1 ·§­z 94
6.1.1 ¼Ò¶ô¤Æ¤¶²Ð 94
6.1.2 ²Õ¥ó¤Æ¼Ð·Ç 96
6.1.3 Angular ªº²Õ¥ó 99
6.2 ²Õ¥ó°ò¦ 100
6.2.1 ³Ð«Ø²Õ¥óªº¨BÆJ 100
6.2.2 ²Õ¥óªº°ò¦ºc¦¨ 101
6.2.3 ²Õ¥ó»P¼Ò¶ô 108
6.3 ²Õ¥ó¥æ¤¬ 113
6.3.1 ²Õ¥óªº¿é¤J¡B¿é¥XÄÝ©Ê 113
6.3.2 ¤÷²Õ¥ó¦V¤l²Õ¥ó¶Ç»¼¼Æ¾Ú 114
6.3.3 ¤l²Õ¥ó¦V¤÷²Õ¥ó¶Ç»¼¼Æ¾Ú 120
6.3.4 ¨ä¥L²Õ¥ó¥æ¤¬¤è¦¡ 121
6.4 ²Õ¥ó¤º®e´O¤J 124
6.5 ²Õ¥ó¥Í©R©P´Á 128
6.5.1 ·§­z 128
6.5.2 ¥Í©R©P´Á¹_¤l 128
6.6 Åܤƺʴú 130
6.6.1 ¼Æ¾ÚÅܤƪº·½ÀY 131
6.6.2 Åܰʳqª¾¾÷¨î 132
6.6.3 ÅܤƺʴúªºÅTÀ³³B²z 134
6.7 ÂX®i¾\Ū 140
6.7.1 ¤¸¼Æ¾Ú¤@Äýªí 140
6.7.2 ¤¸¼Æ¾Ú»¡©ú 141
6.7.3 ²`¤J²z¸ÑZone.js 150
6.7.4 ¤£¨Ì¿àZone.js ªºAngular 154
6.8 ¤pµ² 155

7 ¼ÒªO 156
7.1 ¼ÒªO»yªk·§Äý 156
7.2 ¼Æ¾Ú¸j©w 158
7.2.1 ·§­z 158
7.2.2 ´¡­È 160
7.2.3 ¼ÒªOªí¹F¦¡ 160
7.2.4 Äݩʸj©w 162
7.2.5 ¨Æ¥ó¸j©w 165
7.2.6 Âù¦V¼Æ¾Ú¸j©w 168
7.2.7 ¿é¤J©M¿é¥XÄÝ©Ê 169
7.3 ¤º¸m«ü¥O 170
7.3.1 NgClass 170
7.3.2 NgStyle 170
7.3.3 NgIf 171
7.3.4 NgSwitch 172
7.3.5 NgFor 172
7.4 ªí³æ 173
7.4.1 ¼ÒªOªí³æ¨Ò¤l 174
7.4.2 ªí³æ«ü¥O 175
7.4.3 ¦Û©w¸qªí³æ¼Ë¦¡ 184
7.4.4 ªí³æ®ÕÅç 186
7.5 ºÞ¹D 189
7.5.1 ºÞ¹D¤¶²Ð 189
7.5.2 ¤º¸mºÞ¹D 190
7.5.3 ¦Û©w¸qºÞ¹D 196
7.5.4 ºÞ¹DªºÅܤƺʴú 198
7.6 ÂX®i¾\Ū 202
7.6.1 ¦w¥þ¾É¯è¾Þ§@²Å 202
7.6.2 Âù¦V¸j©wªº­ì²z 202
7.7 ¤pµ² 204

8 «ü¥O 206
8.1 ·§­z 206
8.1.1 «ü¥O¤ÀÃþ 208
8.1.2 ¤º¸m«ü¥O 210
8.2 ¦Û©w¸qÄÝ©Ê«ü¥O 219
8.2.1 ¹ê²{ÄÝ©Ê«ü¥O 219
8.2.2 ¬°«ü¥O¸j©w¿é¤J 221
8.2.3 ÅTÀ³¥Î¤á¾Þ§@ 223
8.3 ¦Û©w¸qµ²ºc«ü¥O 224
8.3.1 ¹ê²{µ²ºc«ü¥O 225
8.3.2 ¼ÒªO¼Ðñ»P¬P¸¹«eºó 227
8.3.3 NgIf «ü¥O­ì²z 229
8.4 ÂX®i¾\Ū 231
8.5 ¤pµ² 235

9 ªA°È»PRxJS 237
9.1 Angular ªA°È 237
9.1.1 ·§­z 237
9.1.2 ¨Ï¥Î³õ´º 238
9.2 HTTP ªA°È 242
9.2.1 HttpModule 242
9.2.2 HttpClientModule 254
9.3 ÅTÀ³¦¡½sµ{ 262
9.3.1 ·§­z 262
9.3.2 ReactiveX 264
9.4 RxJS 266
9.4.1 ³Ð«ØObservable ¹ï¶H 266
9.4.2 ¨Ï¥ÎRxJS ³B²z´_Âø³õ´º 266
9.4.3 RxJS ©MPromise ªº¹ï¤ñ 267
9.4.4 ¡§§N¡¨¼Ò¦¡¤UªºObservable 268
9.4.5 RxJS ¤¤ªºOperator 269
9.4.6 Angular ¤¤ªºRxJS 273
9.5 ¤pµ² 277

10 ¨Ì¿àª`¤J 278
10.1 ¨Ì¿àª`¤J¤¶²Ð 279
10.2 Angular ¨Ì¿àª`¤J 282
10.2.1 ·§­z 282
10.2.2 ¦b²Õ¥ó¤¤ª`¤JªA°È 285
10.2.3 ¦bªA°È¤¤ª`¤JªA°È 287
10.2.4 ¦b¼Ò¶ô¤¤ª`¤JªA°È 288
10.2.5 ¼h¯Åª`¤J 290
10.2.6 ª`¤J¨ì¬£¥Í²Õ¥ó 295
10.2.7 ­­©w¤è¦¡ªº¨Ì¿àª`¤J 297
10.3 Provider 300
10.3.1 ·§­z 300
10.3.2 Provider ª`¥U¤è¦¡ 302
10.4 ÂX®i¾\Ū 305
10.5 ¤pµ² 308

11 ¸ô¥Ñ 309
11.1 ·§­z 309
11.2 °ò¥»¥Îªk 311
11.2.1 ¸ô¥Ñ°t¸m 311
11.2.2 ³Ð«Ø®Ú¸ô¥Ñ¼Ò¶ô 312
11.2.3 ²K¥[RouterOutlet «ü¥O 312
11.3 ¸ô¥Ñµ¦²¤ 313
11.3.1 HashLocationStrategy ¤¶²Ð 314
11.3.2 PathLocationStrategy ¤¶²Ð 315
11.4 ¸ô¥Ñ¸õÂà 316
11.4.1 ¨Ï¥Î«ü¥O¸õÂà 317
11.4.2 ¨Ï¥Î¥N½X¸õÂà 319
11.5 ¸ô¥Ñ°Ñ¼Æ 321
11.5.1 Path °Ñ¼Æ 321
11.5.2 Query °Ñ¼Æ 324
11.5.3 Matrix °Ñ¼Æ 326
11.6 ¤l¸ô¥Ñ©MªþÄÝOutlet 326
11.6.1 ¤l¸ô¥Ñ 326
11.6.2 ªþÄÝOutlet 328
11.7 ¸ô¥ÑÄdºI 330
11.7.1 ¿E¬¡ÄdºI»P¤Ï¿E¬¡ÄdºI 330
11.7.2 ¼Æ¾Ú¹w¥[¸üÄdºI 334
11.8 ¼Ò¶ôªº©µ¿ð¥[¸ü 337
11.8.1 ©µ¿ð¥[¸ü¹ê²{ 337
11.8.2 ¼Ò¶ô¹w¥[¸ü 339
11.8.3 ¼Ò¶ô¥[¸üÄdºI 341
11.9 ¤pµ² 342

12 ´ú¸Õ 343
12.1 ·§­z 343
12.2 ³æ¤¸´ú¸Õ 344
12.2.1 ·§­z 344
12.2.2 ±`¥Î´ú¸Õ®Ø¬[ 345
12.2.3 Jasmine ¤¶²Ð 345
12.2.4 Karma ¤¶²Ð 350
12.2.5 Karma µ²¦XJasmine ´ú¸Õ 350
12.3 Angular ³æ¤¸´ú¸Õ 355
12.3.1 ·§­z 355
12.3.2 ¿W¥ß³æ¤¸´ú¸Õ 358
12.3.3 ´ú¸Õ¤u¨ã¶° 362
12.4 ºÝ¨ìºÝ´ú¸Õ 370
12.4.1 ·§­z 370
12.4.2 Protractor ¤¶²Ð 371
12.5 ¤pµ² 374

²Ä¤T³¡¤À¹ê¾Ô½g
13 °Ý¨÷½Õ¬d¨t²Î²¤¶ 376
13.1 ¶µ¥Ø­I´º 376
13.2 ¥D­n¯S©Ê 377
13.2.1 ­º­¶©MÀ°§U­¶ 378
13.2.2 °Ý¨÷½s¿è­¶ 378
13.2.3 §Úªº°Ý¨÷­¶ 378
13.2.4 ¥Î¤áºÞ²z­¶ 379
13.3 ²£«~³]­p 379
13.4 ¤pµ² 380

14 ¶µ¥Ø°_¨B 381
14.1 Angular CLI 381
14.1.1 ²¤¶ 381
14.1.2 ±`¥Î©R¥O¤¶²Ð 382
14.2 ¨ä¥L§Þ³N¿ï«¬ 391
14.2.1 UI ¼Ë¦¡®w 391
14.2.2 ¦ZºÝªA°È¾¹ 391
14.3 Àô¹Ò·f«Ø 392
14.3.1 ·f«Ø«eºÝÀô¹Ò 392
14.3.2 ¤Þ¤J¼Ë¦¡®w 393
14.3.3 ·f«Ø¦ZºÝÀô¹Ò 394
14.4 ¥Ø¿ýµ²ºc¤¶²Ð 396
14.5 ­º­¶¶}µo 397
14.6 ¾É¯èÄæ¶}µo 401
14.7 ¤pµ² 402

15 °Ý¨÷½s¿è¼Ò¶ô 403
15.1 ·§­z 403
15.1.1 ¯S©ÊºÞ²z¼Ò¶ô 403
15.1.2 ¥\¯à³]­p 406
15.1.3 ¼Æ¾Ú¼Ò«¬ 407
15.2 °Ý¨÷½s¿è¼Ò¶ô¶}µo 410
15.2.1 °ÝÃD¿ï¾Ü²Õ¥ó 410
15.2.2 °ÝÃD²Õ¥ó 414
15.2.3 °Ý¨÷²Õ¥ó 425
15.2.4 °Ý¨÷ªA°È 431
15.2.5 °Ý¨÷¤jºõ²Õ¥ó 438
15.3 ¤pµ² 441

16 §Úªº°Ý¨÷¼Ò¶ô 442
16.1 °Ý¨÷¦Cªí 443
16.1.1 °Ý¨÷¦Cªí¶µ 443
16.1.2 Åã¥Ü°Ý¨÷¦Cªí 445
16.1.3 Åã¥Ü°Ý¨÷¸Ô±¡ 447
16.2 °Ý¨÷¾Þ§@ 449
16.2.1 µo¥¬¦Zªº°Ý¨÷­¶­± 450
16.2.2 °Ý¨÷¾Þ§@²Õ¥ó 453
16.3 ¤pµ² 456

17 ¥Î¤áºÞ²z¼Ò¶ô 457
17.1 ¶}µo²³æª`¥U­¶ 458
17.2 ªí³æ±±¥ó²Õ¥ó 460
17.2.1 ©w¸qªí³æ±±¥ó 460
17.2.2 ®ÕÅçªí³æ±±¥ó 461
17.2.3 ªí³æ¦w¥þ 464
17.3 ¥Î¤áª`¥U¥\¯à¶}µo 465
17.3.1 ¥Î¤áª`¥UªA°È 465
17.3.2 ²Õ¥óªºÅÞ¿è 466
17.3.3 ª`¥U±µ¤f¶}µo 469
17.4 Åv­­ºÞ²z 470
17.5 ¤pµ² 473

18 ¶µ¥Øºc«Ø©M³Ì¨Î¹ê½î 475
18.1 ¶µ¥Øºc«Ø 475
18.1.1 ¥N½X½è¶qÀˬd 475
18.1.2 ´ú¸Õ 476
18.1.3 ¥´¥] 478
18.1.4 ®e¾¹¤Æ 479
18.2 ³Ì¨Î¹ê½î 479
18.2.1 ³æ¤@¾³d 480
18.2.2 ©R¦W¬ù©w 480
18.2.3 ½s½X¬ù©w 483
18.2.4 Angular ¼Ò¶ô¬ù©w 487
18.2.5 ²Õ¥ó¬ÛÃö¬ù©w 487
18.2.6 «ü¥O¬ÛÃö¬ù©w 489
18.2.7 ªA°È¬ÛÃö¬ù©w 490
18.2.8 ¨ä¥L 491
18.3 ¤pµ² 492

²Ä¥|³¡¤À©µ¦ù½g
19 ²¾°Ê¶}µo®Ø¬[¡Gionic ¤¶²Ð»P¹ê¾Ô 494
19.1 ²¾°Ê¶}µo 494
19.1.1 ­I´º¤¶²Ð 494
19.1.2 ¥|ºØ¶}µo¼Ò¦¡ 495
19.1.3 §Þ³N¿ï«¬ 495
19.2 ionic ¥­»O¤¶²Ð 496
19.2.1 ·§Äý 496
19.2.2 Cordova 498
19.2.3 Àô¹Ò·f«Ø 499
19.2.4 ²Õ¥ó¶}µo 501
19.2.5 ¸ô¥Ñ©M¾É¯è 503
19.3 ionic Native 507
19.3.1 ´¡¥ó¤¶²Ð 507
19.3.2 ´¡¥ó¨Ï¥Î 508
19.3.3 ´¡¥ó¶}µo 509
19.4 ¼Ë¦¡©M¥DÃD 509
19.4.1 ¥­»O¼Ë¦¡ 509
19.4.2 ¥DÃD 511
19.4.3 ¥þ§½Åܶq 512
19.4.4 ¤u¨ãÄÝ©Ê 513
19.4.5 Iconfont 514
19.5 ionic CLI 515
19.6 ³q°T¿ý¹ê¨Ò 518
19.6.1 ¶µ¥Ø·f«Ø 519
19.6.2 ¥D­¶­± 520
19.7 ¤pµ² 525

20 ªA°ÈºÝ´è¬V 527
20.1 ·§­z 527
20.2 «È¤áºÝ´è¬Vªº§½­­©Ê 528
20.3 ªA°ÈºÝ´è¬Vªº§½­­©Ê 529
20.4 Angular Universal ¤¶²Ð 531
20.5 ±N³q°T¿ý¨Ò¤l§ï³y¦¨Angular Universal ªº¤è¦¡ 533
20.6 ªA°ÈºÝ´è¬Vªº¶i¶¥¹ê½î 540
20.6.1 ªA°ÈºÝ¼Æ¾Úªº¦P¨B 541
20.6.2 ¨Ï¥Î¨Ì¿àª`¤J¸Ñ¨MÀô¹Ò®t²§ 544
20.6.3 ¨Ï¥ÎPreboot ¸Ñ¨M¨Æ¥ó²æ¸` 546
20.7 ¤pµ² 549
§Ç¡G