Javascript 使用AngularJS模板

我正在使用springboot框架和AngularJS进行一个大项目，我是AngularJS的新手，我刚刚开始学习它不超过4天，我正在尝试使用AngularJS模板，为了让我的工作更轻松，我选择了一个包含我项目中需要的大部分功能的模板，但问题是结构和语法与我在angularJS中看到的非常不同，我不知道angularJS是哪个版本，因为我知道我没有这个模板的文档，这里有一个示例，说明了大多数文件的代码和结构，你们能帮我知道哪个角度是？？[模板层次结构1][模板层次结构2]`

define（['layout/module'，'lodash'，'notification']，函数（module，uu）{
"严格使用",；
module.registerDirective（'demoStates'，函数（$rootScope）{
返回{
限制：'E'，
替换：正确，
templateUrl:'app/layout/directions/demo/demo states.tpl.html'，
范围：正确，
链接：功能（范围、元素、属性）{
element.parent（）.css({
位置：'相对'
});
元素。on（'单击'，'演示设置'，函数（）{
元素。toggleClass（'activate'）
})
},
控制器：功能（$scope）{
变量$root=$（'body'）；
$scope.$watch（'fixedHeader'，函数（fixedHeader）{
setItem（'sm-fixed-header'，fixedHeader）；
$root.toggleClass（'fixed-header'，fixedHeader）；
如果（fixedHeader==false）{
$scope.fixedRibbon=false；
$scope.fixedNavigation=false；
}
});
$scope.$watch（'fixedNavigation'，函数（fixedNavigation）{
setItem（'sm-fixed-navigation'，fixedNavigation）；
$root.toggleClass（'fixed-navigation'，fixedNavigation）；
如果（固定导航）{
$scope.insideContainer=false；
$scope.fixedHeader=true；
}否则{
$scope.fixedRibbon=false；
}
});
$scope.$watch（'fixedRibbon'，函数（fixedRibbon）{
setItem（'sm-fixed-ribbon'，fixedRibbon）；
$root.toggleClass（'fixed-ribbon'，fixedRibbon）；
如果（固定的libbon）{
$scope.fixedHeader=true；
$scope.fixedNavigation=true；
$scope.insideContainer=false；
}
});
$scope.$watch（'fixedPageFooter'，函数（fixedPageFooter）{
setItem（'sm-fixed-page-footer'，fixedPageFooter）；
$root.toggleClass（'fixed-page-footer'，fixedPageFooter）；
});
$scope.$watch（'insideContainer'，函数（insideContainer）{
setItem（'sm-inside-container'，insideContainer）；
$root.toggleClass（'container'，insideContainer）；
if（内部容器）{
$scope.fixedRibbon=false；
$scope.fixedNavigation=false；
}
});
$scope.$watch（'rtl'，函数（rtl）{
setItem（'sm-rtl'，rtl）；
$root.toggleClass（'smart-rtl'，rtl）；
});
$scope.$watch（'menuOnTop'，函数（menuOnTop）{
$rootScope.$broadcast（$smartLayoutMenuOnTop'，menuOnTop）；
setItem（'sm-menu-on-top'，menuOnTop）；
$root.toggleClass（'menu-on-top'，menuOnTop'）；
if（menuOnTop）$root.removeClass（'minified'）；
});
$scope.$watch（'colorblindFriendly'，函数（colorblindFriendly）{
setItem（'sm-colorblind-friendly'，colorblindFriendly'）；
$root.toggleClass（'colorblind-friendly'，colorblindFriendly）；
});
$scope.fixedHeader=localStorage.getItem（'sm-fixed-header'）=='true'；
$scope.fixedNavigation=localStorage.getItem（'sm-fixed-navigation'）=='true'；
$scope.fixedRibbon=localStorage.getItem（'sm-fixed-ribbon'）=='true'；
$scope.fixedPageFooter=localStorage.getItem（'sm-fixed-page-footer'）=='true'；
$scope.insideContainer=localStorage.getItem（'sm-inside-container'）=='true'；
$scope.rtl=localStorage.getItem（'sm-rtl'）=='true'；
$scope.menuOnTop=localStorage.getItem（'sm-menu-on-top'）=='true'| |$root.hasClass（'menu-on-top'）；
$scope.colorblindFriendly=localStorage.getItem（'sm-colorblind-friendly'）=='true'；
$scope.skins=appConfig.skins；
$scope.smartSkin=localStorage.getItem（'sm-skin'）| | appConfig.smartSkin；
$scope.setSkin=功能（皮肤）{
$scope.smartSkin=skin.name；
$root.removeClass（u.pull（$scope.skins，'name'）.join（“”））；
$root.addClass（skin.name）；
localStorage.setItem（'sm-skin'，skin.name）；
$（“#logo img”）.attr（'src'，skin.logo）；
};
如果（$scope.smartSkin！=“smart-style-0”）{
$scope.setSkin（u.find（$scope.skins，{name:$scope.smartSkin}））
}
$scope.factoryReset=函数（）{
$.SmartMessageBox({
标题：“清除本地存储”，
内容：“是否要重置所有已保存的wid