javascript - Angular - 指令不起作用

标签 javascript angularjs

我是 Angular 的新手。不确定为什么指令在下面不起作用。搜索了一些文章。没有任何帮助

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:

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

JSFiddle Link

最佳答案

应该是:

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

关于javascript - Angular - 指令不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30908674/

相关文章:

angularjs - 在 Ionic、ngCordova (AngularJS) 的 Ionic Sqlite 中调用主 Controller 之前打开数据库?

html - Angular 元素应该被视为 block 还是包装器

angularjs - 为什么 $rootScope.$watch 多次返回一个值?

javascript - AngularJS 如何动态获取表单或其他形式输入的 ng-model 值

javascript - Jquery/JS 进度条在单击按钮时更改类

javascript - Fancybox form ajax提交,只有一个ajax请求

javascript - 使用 angular2 显示 Bootstrap 警报

javascript - Javascript 中 jQuery 的 .before() 函数的等价物是什么?

javascript - Angular Directive 将属性解释为字符串

javascript - 使用复选框选择要从 JavaScript 中选择随机值的数组