Javascript 包括不工作_Javascript_Angularjs

Javascript 包括不工作

javascript angularjs

Javascript 包括不工作,javascript,angularjs,Javascript,Angularjs,我试图包括一个模板边栏和它不工作。它只是显示了一个空白点，其中应该包括。每次尝试使用时，我都会遇到包含的问题。我做错什么了吗这是我的密码： <html ng-app="smartyet"> 尝试在ng include之前加载应用程序。仅加载一次ng应用程序 <html ng-app="smartyet"> <div ng-include="'assets/includes/controls.html'"></div> </html&g

我试图包括一个模板边栏和它不工作。它只是显示了一个空白点，其中应该包括。每次尝试使用时，我都会遇到包含的问题。我做错什么了吗

这是我的密码：

<html ng-app="smartyet">

尝试在

ng include

之前加载应用程序。仅加载一次ng应用程序

<html ng-app="smartyet">
  <div ng-include="'assets/includes/controls.html'"></div>
</html>

我让它工作了，但只有在我将ng app=“”添加到body或html标记时。为什么ng应用程序需要为空？我真的在试图理解include是如何工作的。你是在尝试ng包含ng应用程序吗？

ng应用程序

设置Angular，include在这之前不会工作。不，我是在尝试ng包含html文件。它是一个部分html文件，是我网站的左侧栏。因此基本上，

ng app=“smartyet”

抓取

angular.module（'smartyet'，[]）

，并让所有

ng-*

指令和

{}

在页面上工作。

 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';
  }
}])

<html ng-app="smartyet">
  <div ng-include="'assets/includes/controls.html'"></div>
</html>