2016-12-09 1 views
2

複数のdivを動的に生成しようとしていますが、ng-click属性を追加すると機能しません。ng-clickの設定と属性は何もしません

はここに私のコード

 var div = document.createElement('DIV'); 
     div.className = 'container-car'; 

     var child_div = document.createElement('DIV'); 
     child_div.className = 'carre-car'; 
     child_div.setAttribute("ng-click", "$scope.testCharacter(" + JSON.stringify(unicode) + ")"); 

     var child_paragraphe = document.createElement('P'); 
     var child_text = document.createTextNode($scope.unicode_from_int(unicode['unicode'])); 
     child_paragraphe.appendChild(child_text); 

     child_div.appendChild(child_paragraphe); 

     div.appendChild(child_div); 

     var paragraphe = document.createElement('P'); 
     var text = document.createTextNode(unicode['pinyin']); 
     paragraphe.appendChild(text); 

     div.appendChild(paragraphe); 

     document.getElementById('container-biblio').appendChild(div); 

だこのpostに示したように私は別の方法を試してみましたが、動作しているようですしません。

+0

DOMを追加し続けるだけです。DOMでバインディングを有効にするために、 '$ compile'サービスでDOMをコンパイルする必要があります。 –

+0

@PankajParkar' $ compile(child_div)($ scope); ' child_div.setAttribute( "ng-click"、... '行? – plean

答えて

1

はこれを試してみてください:

var div = document.createElement('DIV'); 
div.className = 'container-car'; 

var child_div = document.createElement('DIV'); 
child_div.className = 'carre-car'; 
child_div.setAttribute("ng-click", "testCharacter(" + JSON.stringify(unicode) + ")"); 

var child_paragraphe = document.createElement('P'); 
var child_text = document.createTextNode($scope.unicode_from_int(unicode['unicode'])); 
child_paragraphe.appendChild(child_text); 

child_div.appendChild(child_paragraphe); 

$compile(child_div)($scope); 

div.appendChild(child_div); 

var paragraphe = document.createElement('P'); 
var text = document.createTextNode(unicode['pinyin']); 
paragraphe.appendChild(text); 

div.appendChild(paragraphe); 

document.getElementById('container-biblio').appendChild(div); 

あなたはあなたのケースで$scopeを使用する必要はありません、あなたは、角度あなたのangularjs特定の属性を解釈できるように$compile(child_div)($scope);に忘れていました。

関連する問題