ionic

by Lore ZZ

HTML

<script src="http://code.ionicframework.com/1.0.0-beta.13/js/ionic.bundle.js"></script>
<link rel="stylesheet" href="http://code.ionicframework.com/1.0.0-beta.13/css/ionic.css">
<div>
    <div ng-app="sampleApp" ng-controller="MainCtrl">
        <ion-content style="display:block">
            <div class="list listbox">
                <div class="item" ng-repeat="item in items" ng-click="clicked(item)" ng-class="{ active: item.selected }">{{ item.name }}</div>
            </div>
        </ion-content>
    </div>
</div>

JavaScript

var SampleApp;
(function (SampleApp) {

    var app = angular.module('sampleApp', ['ionic']);
    app.controller('MainCtrl', function ($scope) {
        var selected = [];

        $scope.clicked = function (member) {
            var index = selected.indexOf(member);
            if (index > -1) {
                selected.splice(index, 1);
                member.selected = false;
            } else {
                selected.push(member);
                member.selected = true;
            }
        }
        $scope.items = [{
            name: "item1"
        }, {
            name: "item2"
        }, {
            name: "item3"
        }, {
            name: "item4"
        }, {
            name: "item5"
        }];
    });

})(SampleApp || (SampleApp = {}));