javascript - ng-click 上的设置和属性不执行任何操作

Question

我正在尝试动态生成多个 div，但添加 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 所示但它似乎不起作用。

Answer 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 并且你忘记了 $compile(child_div)($scope); 让 angular 解释你的 angularjs 具体属性。