Test $locale
by Michael Bazos
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/i18n/angular-locale_fr-fr.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/i18n/angular-locale_nl-nl.js"></script>
<div data-ng-controller="staffController as staffCtrl" id="providerList" class="scrollDiv">
{{test}}
<fieldset>
<p data-ng-repeat="person in staffCtrl.persons">
<input type="checkbox" name="selectedPersons" value="{{ physician.StaffNumber }}" data-ng-model="person.isSelected" data-ng-checked="isSelected(person.StaffNumber)" data-ng-change="staffCtrl.toggleSelection(person.StaffNumber)" />{{ person.LastName }}, {{ person.FirstName }}
<br />
</p>
</fieldset>
</div>
<div data-ng-controller="staffController as staffCtrl"># of items: <span data-ng-bind="staffCtrl.infoList.length"></span>
<ul>
<li data-ng-repeat="info in staffCtrl.infoList"> <span data-ng-bind="info.staffInfoItem1"></span>
</li>
</ul>
</div>
JavaScript
var demoApp = angular.module('demoApp', []);
demoApp.controller('staffController', function ($scope, $locale) {
this.test = 'Yolo';
var self = this;
self.persons = [
{
FirstName: 'Jane',
LastName: 'Doe'
},
{
FirstName: 'John',
LastName: 'Doe'
}
];
function getStaffInfo(staffId, date) {
function success(data) {
if (self.infoList.length > 0) {
self.infoList = [];
}
var staffItems = {
staffId: staffNumber,
info: data
};
self.infoList.push(staffItems);
}
function failed(err) {
self.errorMessage = err;
}
staffService.getStaffInfoById(staffId).then(success, failed);
}
self.toggleSelection = function toggleSelection(staffId) {
var idx = self.selectedStaff.indexOf(staffId);
// is currently selected
if (idx >= 0) {
self.selectedStaff.splice(idx, 1);
removeInfoForStaff(staffId);
} else {
self.selectedStaff.push(staffId);
getStaffInfo(staffId);
}
};
});