AngularJS - Dynamically Loading template Url using ng-include is commenting or not displaying(by inspecting) when application is running .
How can i rectify this commenting

I have code as below:

templateController.js
======================

var app = angular.module("myApp", []);

app.controller("MyCtrl", function ($scope) {
function onChange() {
// alert("Selected Value: " + $("#Category").val() + "\nSelected Text: " + $("#Category").data("kendoDropDownList").text());
$scope.templateUrl = $("#Category").val();
return $scope.templateUrl;
};
Categorydata = [

{ CategoryId: "'http://localhost/IncludeDynamicTemplateUrl/Receipts.html'", CategoryName: "Receipts" },
{ CategoryId: "'http://localhost/IncludeDynamicTemplateUrl/Payments.html'", CategoryName: "Payments" },
{ CategoryId: "'http://localhost/IncludeDynamicTemplateUrl/Loans.html'", CategoryName: "Loans" }


];
$("#Category").kendoDropDownList({
dataTextField: "CategoryName",
dataValueField: "CategoryId",
dataSource: Categorydata,
index: 0,
change: onChange
});
});


Default.html
=============