Когато използвах ng-include, за да заредите html динамично, контролерът на този html не е зареден - angularjs

Имам следния сценарий

assemblyHeader.js

$scope.AssemblyHeaderDetails = function () {

if {
mixpanelEventTrack("Quote Details Clicked");
var RFQDetailInstance = $modal.open({
templateUrl: "Scripts/ng/View/QuoteDetailPopup.html",
windowClass: "QuoteDetail",
controller: "QuoteDetailPopupController",
resolve: {
AssemblyId: function () { return $scope.AssemblyInfo.assemblyid; },
parentScope: function () {
return $scope;
}
}
});
RFQDetailInstance.result.then(function (result) {
});
}
}

Следва моята QuoteDetailPopup.html

<link href="Content/PageCss/requestFormView.css" rel="stylesheet" />
<div>
<div ng-include src="TemplateUrl" >
hello world!!!
</div>
</div>

Следва моят контролер за html QuoteDetailPopupController.js

(function () {
"use strict";

var controllerId = "QuoteDetailPopupController";

angular.module("CalcQouteModule").controller(controllerId,
["$scope", "DataConstants", "$filter", "MessageConstant", "$modalInstance", "parentScope", "$modal", "urlConstant", "$timeout", QuoteDetailPopupController]);

function QuoteDetailPopupController($scope, DataConstants, $filter, MessageConstant, $modalInstance, parentScope, $modal, urlConstant, $timeout) {

$scope.TemplateUrl = "Scripts/ng/View/requestFormView.html";
}
}());

Проблемът е, че когато се отвори модален прозорец, той прави HTML страница, но не прави контролера на requestFormView.html, така че контролите върху HTML не се зареждат правилно. За requestFormView.html името на контролера е requestFormController.js Следното изскачащо съобщение се отваря, когато щракна.

Как мога да заредя контролер?

Отговори:

Добави контролен файл в index.html и в app.js, когато удариш името на контролера, посочи името на контролера там. Надявам се това да ви помогне.