角型$コンパイルcant findディレクティブ

Question

現在のプロジェクトはシングルページアプリケーション（SPA）をベースにしており、必要なSPAの種類に基づいてHTMLにディレクティブを動的にロードする関数を暗示したいと考えていました。

そのため、関連するコードは次のとおりです。

1. ディレクティブ

   function checkSpaType(x) { 
   if (x === "quiz") { 
       const directivePosition = document.getElementById("spa"); 
       directivePosition.append($compile("<quizSPA></quizSPA>")($scope)); 
       }; 
   }; 
   

2. をロードする必要があり、私のコントローラの一部ディレクティブ自体

   function quizDirective() { 
   return { 
       templateUrl: "templates/quizSPA.html", 
       controller: 'quizCtrl', 
       link: function quizSPA() {} 
        } 
   } 
   

ともちろんそれは悪くない計画どおりのk。 スクリプトを実行した後、HTMLにロードされるのはメッセージ "[object HTMLUnknownElement]" iamが私のディレクティブを見つけることはできないが、どのように見えるのですか？

また、テンプレートフォルダは、サイトの開始場所であるindex.htmlと同じフォルダにあります。だからそれは問題ではありません。同様に、私はすでにHTMLでロードするタグの名前を変更しようとしましたが、悲しいことに何の効果もありません。

誰でもアイデアはありますか？

Answer 1

私は今すぐ自分で修正しました。

directivePosition.append($compile("<quiz-s-p-a></quiz-s-p-a>")($scope)) 

へ：

const spaDirective = $compile("<quiz>")($scope); 
     directivePosition.append(spaDirective[0]);