I am trying to dynamically generate a kendo tab strip and its content via an angularjJS $resource calls. My ajax calls are authenticated and require setting a customer http header and I hence cannot rely on the contentUrl field.
<div kendo-window="viewlogWindowAlt" k-title="'View Logs'" k-width="1100" k-height="200"
k-visible="false"
k-on-open="retrieveDeviceLogs()"
k-position="{left:'125px'}">
<div kendo-tab-strip="deviceMetadata.viewLogTabStrip" k-data-content-field="content">
</div>
</div>
$scope.retrieveDeviceLogs = function() {
//Retrieve list of logs from appmgr backend
appMgrRESTService.deviceLogsRESTService.query({deviceId: $scope.device.deviceId},
function(result){
$scope.deviceMetadata.viewLogTabStrip.dataSource.data([]);
var promises = [];
angular.forEach(result, function(log){
promises.push(retrieveDeviceLogByFilename(log));
});
$q.all(promises).then(function(response){
angular.forEach(result, function(log){
$scope.deviceMetadata.viewLogTabStrip.append({ text: log.filename, content : log.content});
});
if (result.length >= 1){
$scope.deviceMetadata.viewLogTabStrip.select(1);
}
});
},
function(error){
$log.fatal("Could not retrive caf logs for device with id: " + $scope.device.deviceId);
});
};
retrieveDeviceLogByFilename sets the content of the log into log.content.
What should I be doing to see my content in each of the tabs ? I only see the tab text but do not see the contents of each tab.