I get the data in HTML format. (because we use content mgmt). My task is to write a directive to parse this data into javascript object and then use template to display properly.
My problem is, when inside link method, the template is getting replaced, before I can operate on this HTML data. 
My HTML content
<body>
<div ci-course-calendar>
    <div class="ci-course-calendar-item">
        <div class="ci-course-calendar-item-title">Title</div>
        <div class="ci-course-calendar-item-summary">Summary</div>
        <div class="ci-course-calendar-item-date">Jan 21, 2016</div>
    </div>
   <div class="ci-course-calendar-item">
        <div class="ci-course-calendar-item-title">Title</div>
        <div class="ci-course-calendar-item-summary">Summary</div>
        <div class="ci-course-calendar-item-date">Jan 21, 2016</div>
    </div>
<div>
</body>
My template of the directive - ci-course-calendar
<div class="accordion">
   <div ng-repeat="course in courses">
       <!--do  something-->
   </div>
</div>
 
    