¾È³çÇϼ¼¿ä.
¾Õ¼ ¸»¾¸µå·ÈµíÀÌ,
Angular SPA WebCamp ¾ÛÀº
¸¹Àº JS ÆÄÀÏ°ú ÅÛÇø´(HTML) ÆÄÀÏÀ»
ASP.NET Core¿¡¼ »ç¿ëÇÏ¿© Ãâ·ÂµÇ±â¿¡,
Áß°£¿¡
¶ç¾î¾²±â(½ºÆäÀ̽º) µîÀÌ Ãß°¡µÇ¾î À߸ø ³ª¿À´Â °æ¿ìµµ ÀÖ½À´Ï´Ù.
/wwwroot/app/WebCamp/Templates/SpeakerList.html ÅÛÇø´ ÆäÀÌÁöµµ ´Ù½Ã Çѹø »ìÆìºÁÁֽñ¸¿ä.
³ª¸ÓÁö´Â
Á¦ °ÀÇ ¼Ò½º¿Í
ÀÏ´ëÀÏ·Î ºñ±³Çغ¸½Ã¸é µÉ °Í °°½À´Ï´Ù.
Áú¹®ÁֽŠºÎºÐ°ú °ü·ÃÇÑ °æÇèÀÌ Á¦°¡ ¾ø±â¿¡ È®½ÇÇÑ ´äº¯À» µå¸®±â°¡ ¾î·Æ³×¿ä...
ÀÌ»óÀÔ´Ï´Ù.
ÃÖ±¹Çå ´ÔÀÌ ¾²½Å ¿ø¹® ±ÛÀÔ´Ï´Ù.
¾Æ·¡ Áú¹®±ÛÀÌ Á¤¸®°¡ µÇÁö ¾Ê¾Æ ´Ù½Ã ¿Ã¸³´Ï´Ù.
¸î½Ã°£Â° »ðÁúÀ» ÇÏÁö¸¸ ¿µ ´äÀº ãÁö¸øÇß½À´Ï´Ù.
´ÜÁö 1. ½ÇÇà½Ã (#¿¡ !°¡ ºÙ¾î ³ª¿É´Ï´Ù.)
http://localhost:8690/WebCamp#!/ # ¸¸ ³ª¿ÀÁö ¾Ê°í !°¡ °è¼ÓÇؼ ºÙ¾î ³ª¿É´Ï´Ù.
2. routeProvider¸¦ ¾Æ·¡¿Í °°ÀÌ ¼öÁ¤ÇÏ´Ï
$routeProvider
. when('/', { templateUrl: '/app/WebCamp/Templates/SpeakerList.html',
controller: 'WebCampListController' })
. when('/SpeakerDetails/:Id', { templateUrl: '/app/WebCamp/Templates/SpeakerDetails.html',
controller: 'WebCampDetailsController' })
. otherwise({ redirectTo: '/' });
when('/SpeakerList') => wheen('/')·Î º¯°æÇÏ´Ï http://localhost:8690/WebCamp#!/SpeakerList#%2FSpeakerDetails%2F1 Ãâ·ÂµÇ´ø°ÍÀÌ
http://localhost:8690/WebCamp#!/#%2FSpeakerDetails%2F0 ·Î Ãâ·ÂµÇ¾î SpeakerList°¡ ·çÆ®°¡ µÇ´Â ºÎºÐÀº ÇØ°á ÇÏ¿´À¸³ª #%2°¡ °è¼Ó ºÙ¾î ³ª¿É´Ï´Ù.
#%2¸¦ »èÁ¦ÇÏ°í
http://localhost:8690/WebCamp#!/SpeakerDetails%2F0 ¸¦ ½ÇÇàÇϸé Á¤»óÀûÀ¸·Î ÆäÀÌ °¡ µµÃâµË´Ï´Ù.
¾Æ¹«·¡µµ ¶ó¿ìÆÃÀÇ ¼³Á¤ ¹®Á¦ ÀΰŠ°°±âµµ Çѵ¥... Çѹø¸¸ ´õ ºÁÁֽñ⠹ٶø´Ï´Ù.
°¨»çÇÕ´Ï´Ù.
2016³â ¸¶Á÷¸· ³¯ ±ÛÀ» ¿Ã·Á Á˼ÛÇÕ´Ï´Ù.
»õÇØ º¹ ¸¹ÀÌ ¹ÞÀ¸½Ã°í ..... Ç×»ó °Ç°Çϼ¼¿ä....
|