AngularJS Simple Example

by karthick Chandran

HTML

<div ng-app ng-controller="LoginController">
  <div>Hello {{ user.firstName }}</div>
  <input ng-model="user.firstName"></input>
  <input type="submit" ng-click="login()" value="Login"></input>
  <div ng-repeat="login in logins">{{ login }}</div>

  <table data-ng-if="colStorageItems.items[0]" class="objList">
    <tr>
      <th data-ng-repeat="l in titles | orderBy: \'-name\' track by $index">{{l}}</th>
    </tr>
    <tr id={{$index}} data-ng-repeat="z in colStorageItems.items" title="{{z[0]}}">
      <td class="subElements" data-ng-repeat="y in z | orderBy: \'name\' track by $index" data-ng-click="openTab($event); getObjects($event); loadObj($event)">{{y}}</td>
    </tr>
  </table>';

</div>

JavaScript

function LoginController($scope) {
  $scope.user = {
    firstName: "Foo",
    lastName: "Bar"
  };
  $scope.logins = [];
  $scope.login = function() {
    $scope.logins.push($scope.user.firstName + " was logged in.");
  };
}