Angular Example

by vojtajina

HTML

<script type="text/javascript" ng:autobind src="http://code.angularjs.org/0.9.17/angular-0.9.17.js"></script>

<div ng:repeat="(key, section) in contacts">
    {{key|uppercase}}
    <div ng:repeat="contact in section" class="primary-item">
        <ng:switch on="key">
            <a ng:switch-when="people" href="#" ng:click="getSheet()">
                {{contact|fullName}}</a>
            <a ng:switch-when="companies" href="#" ng:click="getSheet()">{{contact.name}}</a>
        </ng:switch>
    </div>
</div>

JavaScript

function MainCntl() {
    this.contacts = {
        people: [
            {lname: 'Last1', fname: 'First1', company: 'Corp1'},
            {lname: 'Last2', fname: 'First2'}
        ],
        companies: [
            {name: 'Comp1'},
            {name: 'Comp2'}
        ]
    };
}

angular.filter('fullName', function(person) {
    var full = person.lname + ', ' + person.fname;
    return person.company ? full + ' at ' + person.company : full;
});