BoldDesk®Customer service software offering ticketing, live chat, and omnichannel support, starting at $49/mo. for 10 agents. Try it for free.
|
<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic - Teste DataBase</h1>
</ion-header-bar>
<ion-content ng-controller="ListController">
<div class="angularbind ioncenter">
<div ej-listview id="anglistview" e-datasource="datalist" e-width="400" style="margin:0 auto" e-databinding="true" e-rendertemplate="true" e-showheader="false" e-allowscrolling="false">
<div class="cont-bg">
<div class="{{>Class}}">
</div>
<div class="listrightdiv">
<span class="templatetext">{{>Name}}</span> <span class="designationstyle">{{>Designation}}</span>
<div class="aboutstyle">
{{>About}}
</div>
</div>
</div>
</div>
</div>
</ion-content>
<ion-list>
</ion-list>
</ion-pane>
</body>
|
|
example.controller("ListController", function($scope, $rootScope) {
$scope.datalist = [
{ "Name": "Brooke", "Class": "brooke", "Designation": "HR Assistant", "About": "Brooke provides administrative support to the HR office." },
{ "Name": "Claire", "Class": "claire", "Designation": "HR Manager", "About": "Claire is responsible for strategic HR planning and budget." },
{ "Name": "Erik", "Class": "erik", "Designation": "Training Specialist", "About": "Erik notifies attendees and manages follow up." },
{ "Name": "Grace", "Class": "grace", "Designation": "Development Manager", "About": "Grace maintains training plans to achive workforce skill." },
{ "Name": "Jacob", "Class": "jacob", "Designation": "Recruitment Manager", "About": "Jacob manages recruitment and prepares key staffing metrics." }];
});
|
