더북(TheBook)

5.1 주소록 삭제 템플릿 작성하기

목록에 삭제 버튼을 추가하자. 그러기 위해 addressList.HTML 코드에서 theadtbody를 찾아 다음과 같이 수정한다.

~/Projects/addressBook/client/addressList.html

<template name=“addressList”>

    <table class=“table table-bordered table-condensed table-striped table-hover”>

        <thead>

        <tr class=“info”>

            <th>이름</th>

            <th>전화번호</th>

            <th>이메일</th>

            <th>회사</th>

            <th>생일</th>

           <th>Action</th>

        </tr>

        </thead>

        <tbody>

        {{#each list}}

            <tr>

                <td>{{name}}</td>

                <td>{{phone}}</td>

                <td>{{email}}</td>

                <td>{{company}}</td>

                <td>{{birthday}}</td>

               <td><button class=“btn btn-warning btn-sm” name=“remove”>

                   <i class=“glyphicon glyphicon-trash”></i> 삭제</button>

               </td>

            </tr>

        {{/each}}

        </tbody>

    </table>

</template>


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