refactoring

Author: bugthesystem

app/components/message-list.directive.html

@@ -1,7 +1,7 @@
-<h2>{{vm.header}}</h2>
+<h2>{{::vm.header}}</h2>
 <ul>
 
-    <li ng-repeat="message in vm.messages">
+    <li ng-repeat="message in vm.messages track by $index">
         {{::message.text}}
     </li>
 </ul>

app/templates.js

@@ -8,8 +8,8 @@ describe('MessageListDirective', ()=> {
                 text: 'Hi, Loretta Fitzgerald'
             }
         ],
-        expectedEmptyDataDirectiveOutput = '<h2 class="ng-binding">Message L-DR</h2><ul>    <!-- ngRepeat: message in vm.messages --></ul>',
-        expectedInvalidDirectiveOutput = '<h2 class="ng-binding"></h2><ul>    <!-- ngRepeat: message in vm.messages --></ul>'
+        expectedEmptyDataDirectiveOutput = '<h2 class="ng-binding">Message L-DR</h2><ul>    <!-- ngRepeat: message in vm.messages track by $index --></ul>',
+        expectedInvalidDirectiveOutput = '<h2 class="ng-binding"></h2><ul>    <!-- ngRepeat: message in vm.messages track by $index --></ul>'
 
 
     beforeEach(angular.mock.module('espackApp'));