Javascript 角度指令不工作

我是个新手。不确定为什么下面的指令不起作用。搜索了一些文章。无济于事

angular.module('oneApp', []).controller('OneAppController', function($scope){
    //Some Logic
}).directive('dvReplaceText', ['$interval', '$compile', function($interval, $compile) {
    return {
    restrict: 'A',
    link: function(scope, element, attr) {
            scope.$watch(scope.data, function(value) {
                element.html(value);
            });
        }
    }
}]);

HTML:

应该是：

scope.$watch('data', function(value) {
   ...
});

应该是：

scope.$watch('data', function(value) {
   ...
});

像这样试试

angular.module'oneApp'，[]控制器'OneAppController'，函数$scope{ //一些逻辑 }.directive'dvReplaceText'，['$interval'，'$compile'，函数$interval，$compile{ 返回{ 限制：“A”， 链接：函数范围、元素、属性{ 作用域：$watchdata，functionvalue{ //要素价值； console.logvalue； }; } } }]; 像这样试试

angular.module'oneApp'，[]控制器'OneAppController'，函数$scope{ //一些逻辑 }.directive'dvReplaceText'，['$interval'，'$compile'，函数$interval，$compile{ 返回{ 限制：“A”， 链接：函数范围、元素、属性{ 作用域：$watchdata，functionvalue{ //要素价值； console.logvalue； }; } } }];

---

您应该像这样更换$watch：

scope.$watch('data', function(value) {
                element.html(value);
                console.log(value);
            });

---

演示：

您应该像这样更改$watch：

scope.$watch('data', function(value) {
                element.html(value);
                console.log(value);
            });

演示：

HTML

这是工作模型

HTML

---

这是工作模式

除了你没有把小提琴设置好之外，你还可以将它改成无收尾。。。这是怎么回事？您将指令分配给一个元素，然后尝试更改该元素的html，但没有html属性。。。这是怎么回事？您将该指令分配给一个元素，然后尝试更改该元素的html，但没有html属性。

<div ng-controller="OneAppController">
    <input class="input-data-box" ng-model="data" dv-replace-text/>
</div>