TodoMVC Angular Bug Fixes (#312)

resources/todomvc/architecture-examples/angular/dist/index.html

@@ -6,7 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
         <title>TodoMVC: Angular</title>
-    <link rel="stylesheet" href="styles.5fd101737c0aaaef.css"></head>
+    <link rel="stylesheet" href="styles.4407ee83dbe11741.css"></head>
     <body>
         <app-root></app-root>
         <footer class="info">
@@ -15,5 +15,5 @@
             <p>Press 'enter' to add the todo.</p>
             <p>Double-click to edit a todo</p>
         </footer>
-    <script src="runtime.27845ceb5aedcb1f.js" type="module"></script><script src="polyfills.55e452bef9dff314.js" type="module"></script><script src="main.fa9d9ce95882d153.js" type="module"></script></body>
+    <script src="runtime.27845ceb5aedcb1f.js" type="module"></script><script src="polyfills.55e452bef9dff314.js" type="module"></script><script src="main.595e2dc0ba79b332.js" type="module"></script></body>
 </html>

resources/todomvc/architecture-examples/angular/src/app/todo-item/todo-item.component.html

@@ -1,4 +1,4 @@
-<li class="(todo.completed ? ' completed' : '') + (isEditing ? ' editing' : '')" [attr.data-priority]="4 - (index % 5)">
+<li [ngClass]="{ completed: todo.completed, editing: isEditing }" [attr.data-priority]="4 - (index % 5)">
     <div class="view">
         <input class="toggle" type="checkbox" (click)="toggleTodo()" [checked]="todo.completed" />
         <label (dblclick)="startEdit()">{{ todo.title }}</label>

resources/todomvc/architecture-examples/angular/src/styles.css

@@ -22,3 +22,12 @@ but useful for people who use screen readers */
 .toggle-all-label {
     pointer-events: none;
 }
+
+app-todo-item {
+    display: block;
+    border-bottom: 1px solid #ededed;
+}
+
+app-todo-item:last-child {
+    border-bottom: none;
+}