Change vm for something else

Author: Foxandxss

examples/counter/components/counter.html

@@ -1,8 +1,8 @@
 <div>
-    <p>Clicked: {{vm.counter}} times </p>
+    <p>Clicked: {{counter.value}} times </p>
 
-    <button ng-click='vm.increment()'>+</button>
-    <button ng-click='vm.decrement()'>-</button>
-    <button ng-click='vm.incrementIfOdd()'>Increment if odd</button>
-    <button ng-click='vm.incrementAsync()'>Increment Async</button>
+    <button ng-click='counter.increment()'>+</button>
+    <button ng-click='counter.decrement()'>-</button>
+    <button ng-click='counter.incrementIfOdd()'>Increment if odd</button>
+    <button ng-click='counter.incrementAsync()'>Increment Async</button>
 </div>

examples/counter/components/counter.js

@@ -3,7 +3,7 @@ import * as CounterActions from '../actions/counter';
 export default function counter() {
   return {
     restrict: 'E',
-    controllerAs: 'vm',
+    controllerAs: 'counter',
     controller: CounterController,
     template: require('./counter.html'),
     scope: {}
@@ -20,7 +20,7 @@ class CounterController {
   // Which part of the Redux global state does our component want to receive on $scope?
   mapStateToScope(state) {
     return {
-      counter: state.counter
+      value: state.counter
     };
   }
 }