javascript内でHTMLを作成するAngularjs

Question

JavaScriptコード内にHTMLコードを作成していますが、問題はAngularjsコードであることを認識できないため、どうすればいいですか？

私の問題は、ビューの上にng-appの宣言があっても{{}}の変数がAngularjsコードとして認識されず、ビューの上部にはng-controllerがあります。 助けてください？

Answer 1

あなたのアプリにng-sanitizeを注入して、ng-bind-htmlディレクティブをコントローラから生成している要素のhtmlに追加する必要があります。言われて、あなたはそれが間違ってやっていること

angular.module('myApp',[ngSanitize]) 

：

だからここでアプリのモジュールを作成するには、のような何かをします。 :)

テーブルをHTMLで定義し、ng-repeatを使用して行を生成します。私はそこに何か他のものがあると思っていますが、イベントが発生した後にテーブルを動的に生成しようとしているようです。あなたのhtmlにテーブルを置き、ng-ifを使ってイベントが発生するまで隠すだけです。

またはコンポーネント内で実行します。

あなたのコンポーネントhtmlは、tableauComponent.htmlに格納されているファクトリコードで生成しているように、基本的にあなたのテーブルレイアウトになります。あなたはこの赤ちゃんは、あなたのHTMLで表示したいwhereever次に、あなただけの使用

angular.module("myApp").component("tableauComponent", { 
    templateUrl: 'tableauComponent.html', 
    controller: tableauController, 
    controllerAs: 'tableau' 
}) 

function tableauController() { 
    var ctrl = this; 
    this.data = service call to get your data here. 
} 

：

<table> 
    <tr> 
    <th>Matricule</th> 
    <th>Sexe</th> 
    <th>Direction</th> 
    <th>Type_contrat</th> 
    </tr> 
    <tr ng-repeat="x in tableau.data"> 
     <td>{{ x.MATRICULE }}</td> 
     <td>{{ x.SEXE }}</td> 
     <td>{{ x.DIRECTION }}</td> 
     <td>{{ x.TYPE_CONTRAT }}</td> 
    </tr> 
</table> 

コンポーネントは、このようなもので、あなたのアプリに登録さになるだろう

<tableau-component></tableau-component>