Javascript Angular.JS app.controller在html页面中不工作

我在让app.controller“TestCtrl”在HTML页面中工作时遇到问题。我认为app.controllers可能会出现某种中断，当我尝试自己使用app控制器时，它会正常工作。但是，当我添加其他控制器时，它们不会相应地工作。有人能帮我找出问题并向我解释我做错了什么吗

（函数（）{
var-app=angular.module（'AVS'，[]）；
app.controller（'TestCtrl'，函数（$scope）{
变量类；
函数initTabs（）{
tabClasses=[“”，“”，“”，“”，“”]；
}
$scope.getTabClass=函数（tabNum）{
返回tabClasses[tabNum]；
};
$scope.getTabPaneClass=函数（tabNum）{
返回“tab pane”+tabClasses[tabNum]；
}
$scope.setActiveTab=函数（tabNum）{
initTabs（）；
tabClasses[tabNum]=“活动”；
};
$scope.tab1=“555dsadsa”；
$scope.tab2=“dsadasa”；
$scope.tab3=“dsadas”；
$scope.tab4=“dsadsa”；
//初始化
initTabs（）；
$scope.setActiveTab（1）；
});
app.controller（'StoreController'，function（）{
这就是产品=学科；
});
app.controller（'FloorDrawings'，function（）{
本图=图纸；
});
应用程序控制器（'GearNavigation'，函数（）{
this.gearnav=gnavigation；
});
应用程序控制器（'报告'，函数（）{
this.reports=报告的名称；
});
应用程序控制器（'DrawingSelection'，函数（）{
this.selection=drawselect；
});
变量规则=[
{名称：'Link1'，链接：'#'，状态：'active link'}，
{名称：'Link2'，链接：'#'，状态：'active link'}，
{名称：'Link3'，链接：'#'，状态：'active link'}，
{名称：'Link'，链接：'#'，状态：'inactive Link disabled'}，
{名称：'Link'，Link:'#'，状态：'activelink'}，
{名称：'Link'，Link:'#'，状态：'activelink'}，
{名称：'Link'，链接：'#'，状态：'inactive Link disabled'}，
{名称：'Link'，Link:'#'，状态：'activelink'}，
{名称：'Link'，Link:'#'，状态：'activelink'}，
{名称：'Link'，Link:'#'，状态：'activelink'}，
{名称：'Link'，链接：'#'，状态：'inactive Link disabled'}，
{名称：'Link'，Link:'#'，状态：'activelink'}，
{名称：'Link'，Link:'#'，状态：'activelink'}，
{名称：'Link'，Link:'#'，状态：'activelink'}
];
var图纸=[
{楼层：'Ground Floor'，首字母缩写：'GR'，labelname:'PDF'，labelname2:'DWF'，labelname3:'CAD'，文件编号：'file1'状态：'active-link'}，
{楼层：'1st Floor'，首字母缩写：'01'，labelname:'PDF'，labelname2:'DWF'，labelname3:'CAD'，文件编号：'file2'状态：'active-link'}，
{楼层：'2nd Floor'，首字母缩写：'02'，labelname:'PDF'，labelname2:'DWF'，labelname3:'CAD'，文件编号：'file3'状态：'active-link'}，
{楼层：'3rd Floor'，首字母缩写：'03'，labelname:'PDF'，labelname2:'DWF'，labelname3:'CAD'，文件编号：'file4'状态：'active-link'}，
{楼层：'4th Floor'，首字母缩写：'04'，labelname:'PDF'，labelname2:'DWF'，labelname3:'CAD'，文件编号：'file5'状态：'active-link'}，
{楼层：'5楼'，首字母：'05'，标签名称：'PDF'，标签名称2:'DWF'，标签名称3:'CAD'，文件编号：'file6'状态：'active-link'}，
{楼层：'6th Floor'，首字母缩写：'06'，labelname:'PDF'，labelname2:'DWF'，labelname3:'CAD'，文件编号：'file7'状态：'active-link'}，
{楼层：'7楼'，首字母缩写：'07'，标签名称：'PDF'，标签名称2:'DWF'，标签名称3:'CAD'，文件编号：'file7'状态：'active-link'}，
{楼层：'8楼'，首字母缩写：'08'，标签名称：'PDF'，标签名称2:'DWF'，标签名称3:'CAD'，文件编号：'file7'状态：'active-link'}，
{楼层：'Penthouse'，首字母缩写：'PH'，labelname:'PDF'，labelname2:'DWF'，labelname3:'CAD'，文件号：'file8'状态：'active-link'}
]; 
变量gnavigation=[
{linkname:'仪表板'，link:'#'}，
{linkname:'下载'，链接：'#'}，
{linkname:'教程'，link:'#'}，
{linkname:'注销'，link:'#'}
];
变量nameofreports=[
{reportname:'Location Query'，link:'#'，status:'active-link'}，
{报告名称：'Cost Center Query'，链接：'#'，状态：'active-link'}，
{reportname:'Department Query'，link:'#'，status:'active-link'}，
{reportname:'Hatch Query'，link:'#'，status:'active-link'}，
{reportname:'Chart Location Query'，link:'#'，status:'active-link'}
];
var drawselect=[
{drawingname:'Draw1'，链接：'#'，状态：'active-link'}，
{drawingname:'Draw2'，链接：'#'，状态：'inactive-link disabled'}，
{drawingname:'Draw3'，链接：'#'，状态：'inactive-link disabled'}，
{drawingname:'Draw4'，链接：'#'，状态：'inactive-link disabled'}
];
})();

保险商实验室{
列表样式：无；
}
.btn导航{
宽度：160px；
}
.非活动链接{
颜色：灰色；
}
.选项卡内容{
保证金：0；
填充：0；
}
.内容{
边缘：1米；
填充：1em；
}
/*
ul，li，div{
边框：1px点灰色；
}
*/






{{tab1}}
{{tab2}}
{{tab3}}
{{tab4}}
我不清楚这个问题。您的控制台中是否有任何错误？你说当你添加多个控制器时它不起作用，但是在你的HTML中，我只看到你使用一个控制器，我解决了这个问题。我不认为控制台能帮到我。我对编码相当陌生。控制台选项卡确实告诉我脚本有什么问题，我已经纠正了错误。谢谢控制台是您的调试工具。在编写代码时，始终将其打开，因为即使错误或警告不能完全消除