Angular basic

HTML

<h3>CRUD - Comments</h3>
    <div ng-app="commentapp">
      <ul ng-controller="commentController">
        <li ng-repeat="user in users">
          {{user.name}} wrote "{{user.comment}}"
          <br/><a href="#" ng-click="remove(user)">Delete</a>
          <a href="#" ng-click="edit(user)">Edit</a>
        </li>
        <li>
          <input id="name" ng-model="current.name" value="{{current.name}}" />
          <input id="name" ng-model="current.comment" value="{{current.comment}}" />
        </li>
        <li>
          <button ng-click="save(current)">
            Save
          </button>
          <button ng-click="addNew(current)">
            Add New User
          </button>
        </li>
      </ul>
    </div>

JavaScript

var app = angular.module("commentapp", []);
        app.controller("commentController", function($scope) {
          $scope.users = [{
            "name": "Qwe",
            "comment": "Great!"
          }];
          $scope.current = {};
          $scope.addNew = function(user) {
            $scope.users.push(user);
          };
          $scope.edit = function(user) {
            $scope.current = user;
          };
          $scope.save = function(user) {
            $scope.current = {};
          };
          $scope.remove = function(user) {
            var index = $scope.users.indexOf(user);
            $scope.users.splice(index, 1);
          };
        });