モーダルを開いたときの角度js命令のエラー

Question

私は、ヘッダーのディレクティブ・コントローラーから機能をクリックすると、ログイン・モーダルを開くためにヘッダーにカスタム・ディレクティブを使用しています。モーダルHTMLではまた、私はディレクティブからそのコールに別の関数（RegistrationModalを）記号をクリックしますが、そのエラー開かれていないではないが投げるとき、コード

.directive('header', function() { 
    return { 
     restrict: 'E', 
     templateUrl: HTML.HEADER, 
     scope: true, 
     controller: function ($scope, $rootScope, $http, $templateCache,$compile) { 
      $scope.RegistrationModal = function() { 
       $(".modal").remove(); 
       $(".modal-backdrop").remove(); 
       $http.get(HTML.SIGN_UP, {cache: $templateCache}).success(function (data) { 
        $(document.body).append($compile(data)($scope)); 
        $('#sign-up1').modal('show'); 
       }); 
      } 
      $scope.loginModal = function() { 
       if ($("#sign-up1").length > 0) { 
        $('#sign-up1').modal('hide'); 
       } 
       console.log(">>>>>>>>>>>>in login") 
       $http.get(HTML.LOGIN, {cache: $templateCache}).success(function (data) { 
        console.log(">>>>>>>>>>>...data is>>>>>.", data); 
        $(document.body).append($compile(data)($scope)); 
        $('#login-popup').modal('show'); 
       }); 
      } 

     }, 


    }; 
    return directive; 
}) 

エラーを確認してください（サインイン）ボタンを持っています

angular.js:13708 TypeError: Cannot convert undefined or null to object

Answer 1

HTMLとは何ですか？これをグローバル変数として使用すると、範囲外になっている可能性があります。

サービスや定数などをすべて注入する必要があります。