Angular: Empty Fiddle

http://angularjs.org/

HTML

<div ng-controller="ListController">
    <ul>
        <li ng-repeat="item in items"> <a ng-click="getId(item)">{{item.content}}</a>

        </li>
    </ul>
    <br>
    <br>Name:
    <br>
    <input ng-model="activeItem.name">
    <br>Content:
    <br>
    <input ng-model="activeItem.content">
    <br>
    <button ng-click="addItem()">Add</button>
</div>

JavaScript

function ListController($scope) {
    $scope.items = [];
    $scope.activeItem = {
      id:'',
        name: '',
        content: ''
    };

    $scope.addItem = function () {
        $scope.activeItem.id = $scope.items.length + 1;
        $scope.items.push($scope.activeItem);
        $scope.activeItem = {}; /* reset active item*/

    };
    
    $scope.getId = function (item) {
        alert('ID: '+item.id);

    };
}