더북(TheBook)

17. 앵귤러와 Web API를 사용해 최근 글 리스트를 출력하는 기능을 구현해보자. Views 폴더의 DotNetNote 폴더에 _RecentlyNoteListWithAngular.cshtml이라는 이름으로 부분 뷰 페이지를 생성하고, 다음과 같이 코드를 작성한다.

▼  /Views/DotNetNote/_RecentlyNoteListWithAngular.cshtml

<div ng-controller=“RecentlyNoteListWithAngular”>
  <div class=“post_item” ng-repeat=“n in notes”>
      <div class=“post_item_text”>
          <span class=“post_date”>{{ n.postDate.substring(0, 10) }}</span>
          <span class=“post_title”>
              <a href=”/DotNetNote/Details/{{ n.id }}”>
                  {{ n.title.substring(0, 31) }}
              </a>
          </span>
      </div>
  </div>
</div>

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.