Javascript Angularjs-向dom元素动态插入指令

我正试图相应地为我的输入设置一个指令

假设我有这个输入：

<input type="foo" id="myinput" maskvalue> </input>

此代码将成功地将my指令插入dom元素，但不会生效。当dom已经加载时，似乎不可能向其插入自定义指令，我错了吗

但这基本上就是问题所在，我如何能动态地将指令插入dom元素

---

谢谢

使用Angular的

$compile

命令来实现此功能。基本上，你需要通知Angular你已经做了一个改变，这样它才能发挥它的魔力

function MyController($scope, $compile) {
    element = document.getElementById('myinput');
    if (element) {
        element.setAttribute('maskvalue', "");
        $compile(element)($scope);
    }
}

---

确保您在一个角度控制器中执行此操作，该控制器中注入了

$compile

和

$scope

。

您必须使用$compile的暗魔法才能识别角度控制器-

function MyController($scope, $compile) {
    element = document.getElementById('myinput');
    if (element) {
        element.setAttribute('maskvalue', "");
        $compile(element)($scope);
    }
}