手動でJSを介してhtml要素にスコープを追加Ctrl

Question

コントローラに新しい要素を作成し、スコープ変数を追加します。私がやったやり方では、$ scope.textの変数値ではなく、ビュー内に '{{text}}'しか表示されません。

これまでに私のコードです：

JS：

var elem = document.getElementById('match-text'); 
var newElem = document.createElement('span'); 
newElem.setAttribute('id', 'inner-match-text'); 
newElem.setAttribute('class', 'ng-binding'); 
newElem.innerText = '{{text}}'; 
elem.appendChild(new_elem); 

HTML：

<h3 id="match-text"></h3> 

多分これは完全に間違ったアプローチである、私は知りません。誰かがこれを正しく行う方法を教えてもらえますか？

Answer 1

引用符を使用する必要がありますか？

newElem.innerText = $scope.text;