Angular t.v1

ng-repeat

by Paweł Niemczyk

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-resource.js"></script>
<body ng-app="app">
    <div ng-controller="TestController as testCtrl">
      <input type="text" ng-model="testCtrl.taskName">
      <button ng-click="testCtrl.addElement(testCtrl.taskName)">Add new</button> 
      <br />
      <ul ng-repeat="elem in testCtrl.elements track by $index">
        <li>{{elem}}</li>
      </ul>
      <label>{{testCtrl.text}}</label>
    </div>
</body>

JavaScript

(function(){
  angular
    .module("app", [])
    .controller("TestController",['$scope', '$log', TestController]);

  function TestController($scope, $log, WeatherService) {
		var vm = this;
    vm.$log = $log;
    vm.taskName = '';
    vm.addElement = addElement;
    vm.elements = [];
    function addElement(name){
			vm.elements.push(name);
      vm.taskName = '';
    };
  };

})();