2. MaximCrudWithAngular.html 페이지를 웹 브라우저 보기를 사용해서 실행하면 다음과 같이 출력된다. 제이쿼리 예제와 마찬가지로 앵귤러를 사용해서도 SPA를 구현할 수 있다는 것을 확인한다. 이처럼 자바스크립트 라이브러리로 어떤 것을 사용하느냐일 뿐이지 서버 측에 구현한 ASP.NET Web API는 변하지 않는다는 것에 주목하자.

▲ 그림 21-25 앵귤러를 사용한 SPA 구현

 

3. 내용 추가하기 버튼을 클릭하면 입력 폼이 출력된다. 데이터를 넣고 입력 버튼을 클릭한다.

▲ 그림 21-26 입력 폼 출력