Angular์๋ <a href="...">
๋งํฌ๋ฅผ ๋ฌด์ํ๊ณ ๋ธ๋ผ์ฐ์ ๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก ๋งํฌ๋ฅผ ์ฒ๋ฆฌํ ์ ์๋๋ก ํ๋ ์ต์
์ด ์์ด์ผ ํฉ๋๋ค.
API์์ ๊ฐ์ ธ์จ HTML์ด ํ์๋ฉ๋๋ค. ์ฌ๊ธฐ์๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์๋ํ๋ ค๋ <a href="...">
๋งํฌ๊ฐ ์์ด ์ ์ฒด ํ์ด์ง๋ฅผ ๋ค์ ๋ก๋ํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋ด๊ฐ ์ฌ์ฉํ๋ ng-href
๋๋ ํตํด ๊ฐ๊ณ ์ถ์ ๋ฌผ๊ฑด $router
, ๋ฑ
๋ฌธ์ ๋ ngRoute๊ฐ ์ค์ ๋ก ๊ทธ๋ ๊ฒ ์๋ํ์ง ์๋๋ค๋ ๊ฒ์
๋๋ค. "๋งํฌ ์บก์ฒ"๊ฐ ์๋๋ผ ๋ณธ์ง์ ์ผ๋ก window.location
--- ์ด๋ป๊ฒ ๊ฐ์ ๋ก updateRoute ๊ธฐ๋ฅ์ ์ผ์์ ์ผ๋ก ๋นํ์ฑํํ ์ ์์ต๋๊น? ๊ฐ๋ฅํ ์๋ ์์ง๋ง ์ด๋ป๊ฒ ์๋ํ๋์ง ์์ ํ ํ์ ํ ์ ์์ต๋๋ค.
๊ทํ์ ์ง๋ฌธ์ ์คํดํ์ง ์๋ ํ ๋งํฌ์ target="_self"
๋ฅผ ์ถ๊ฐํ๋ฉด Angular๊ฐ ์ด๋ฅผ ์๋ํ๊ณ ๋ผ์ฐํ
ํ์ง ์์ต๋๋ค.
์, target="_self"๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ฌ๊ธฐ๋ฅผ ์ฐธ์กฐํ์ธ์.
์, target="_self"
์ ๋ํด ์๊ณ ์์ง๋ง ์ด HTML์ API์์ ์ ๊ณต๋ฉ๋๋ค.
๋๋ ๊ทธ๊ฒ์ ๊ตฌ๋ฌธ ๋ถ์ํ๊ณ ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ๋ก ์ง์ target="_self"
์ถ๊ฐํ ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
์ด ๋ฌธ์ ์ ๋ํด ๋ค๋ฅธ ์ค์ฉ์ ์ธ ๋ฐฉ๋ฒ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. @pixelcort ์๋ต ์ธํฐ์ ํฐ ๋ฅผ ํตํด html์ ๋ณํํ๋ ๋ฐฉ๋ฒ์ ์ดํด๋ณผ ์ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๊ทํ์ ์ง๋ฌธ์ ์คํดํ์ง ์๋ ํ ๋งํฌ์
target="_self"
๋ฅผ ์ถ๊ฐํ๋ฉด Angular๊ฐ ์ด๋ฅผ ์๋ํ๊ณ ๋ผ์ฐํ ํ์ง ์์ต๋๋ค.