Angular ng-include不起作用
[英]Angular ng-include not working
问题描述
我正在尝试包括模板侧边栏，并且它不起作用。 它只是显示应该包含的空白位置。 我每次尝试使用include时都会遇到麻烦。 我做错什么了吗？
这是我的代码：
<html ng-app="smartyet">
包括：
<div ng-include="'/assets/includes/controls.html'" ng-app="smartyet"></div>
应用程式：
var smartyet = angular.module('smartyet', ['ngAnimate']).config([function () {
}])
smartyet.controller('ControlsCtrl', ['$scope', function($scope) {
$scope.$on('$includeContentLoaded', function(event) {
(function($) {
$(".containt").mCustomScrollbar({
autoHideScrollbar: true,
theme: "dark-3"
});
$(".scroll").mCustomScrollbar({
theme: "dark-3"
});
})(jQuery);
});
}]);
smartyet.controller('TemplateCtrl', ['$scope', function($scope) {
$scope.$on('$includeContentLoaded', function(event) {
(function($) {
$("#lightGallery").lightGallery();
})(jQuery);
});
}]);
angular.module('smartyet').controller('Ctrl1', ['$scope', function ($scope) {
$scope.finpage1='show';$scope.finpage2='';$scope.finpage3='';$scope.finchange='';
$scope.goodbyetext='hide'
$scope.active_page = 'finpage2';
$scope.togglePage1And2 = function(){
if($scope.active_page == 'finpage1'){
$scope.page2();
}else{
$scope.page1();
}
}
$scope.page1 = function(){
$scope.active_page = 'finpage1';
$scope.finchange='show';
$scope.finpage1='';
$scope.finpage2='';
$scope.finpage3='';
$scope.hellotext='hide';
$scope.goodbyetext='show'
}
$scope.page2 = function(){
$scope.active_page = 'finpage2';
$scope.finpage1='show';
$scope.finpage2='';
$scope.finpage3='';
$scope.finchange='';
$scope.hellotext='show';
$scope.goodbyetext='hide';
}
$scope.page3 = function(){
$scope.active_page = 'finpage3';
$scope.finpage2='show';
$scope.finpage1='';
$scope.finpage3='';
$scope.finchange='';
$scope.hellotext='show';
$scope.goodbyetext='hide';
}
$scope.page4 = function(){
$scope.active_page = 'finpage4';
$scope.finpage3='show';
$scope.finpage1='';
$scope.finpage2='';
$scope.finchange='';
$scope.hellotext='show';
$scope.goodbyetext='hide';
}
}])
1 个解决方案
解决方案1
0 已采纳 2015-06-30 01:17:44
尝试在ng-include之前加载应用程序。 仅加载一次ng-app 。
<html ng-app="smartyet">
<div ng-include="'assets/includes/controls.html'"></div>
</html>
角度ng - 包括不工作
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.