I am looking for a way to enhance the results page with a custom footer that includes pagination. I have noticed that there is an option to specify a footer template in the settings, but I am struggling to find examples of how to configure these options through a controller.
The desired footer template should show "Now displaying 1-{{offsetEnd}} of {{result.count}} Load More
Appreciate any assistance!
This is the code snippet I am currently using:
< input type = "text"
id = "search"
name = "search"
ng - model = "profile.selectedProfile"
typeahead = "o.itemvalue as o.itemtext for o in getProfiles($viewValue) | filter: $viewValue"
typeahead - input - formatter = "formatLabel($model)"
class = "form-control"
autocomplete = "off" />UPDATE I transformed this into a directive and added a footer that displays the total number of records.
function findProfile() {
return {
restrict: 'E',
template: '<input type="text" id="search" name="search" ng-model="selectedProfile" typeahead="o as o.itemtext for o in getProfiles($viewValue) | filter: $viewValue" typeahead-input-formatter="formatLabel($model)" class="form-control" autocomplete="off" />',
controller: function($scope, $http) {
$scope.itemCount = 0;
$scope.getProfiles = function(searchtext) {
return $http.get('http://localhost:61402/api/Profile/FindProfile?searchText=' + searchtext)
.then(function(response) {
$scope.itemCount = response.data.itemcount;
return response.data.items;
});
}
$scope.formatLabel = function(model) {
return model == undefined ? '' : model.itemtext;
}
}
};
}And here is the template:
angular.run(['$templateCache',
function($templateCache) {
var template = '' +
'<ul class="dropdown-menu" ng-show="isOpen()" ng-style="{top: position.top+\'px\', left: position.left+\'px\'}" style="display: block;" role="listbox" aria-hidden="{{!isOpen()}}">' +
'<li ng-repeat="match in matches track by $index" ng-class="{active: isActive($index) }" ng-mouseenter="selectActive($index)" ng-click="selectMatch($index)" role="option" id="{{match.id}}">' +
'<div typeahead-match index="$index" match="match" query="query" template-url="templateUrl"></div>' +
'</li>' +
'<li>Records Returned: {{$parent.itemCount}}</li>' +
'</ul>';
$templateCache.put('template/typeahead/typeahead-popup.html', template);
}
])