将element.text设置为指令中的值不会在AngularJS中呈现

时间:2016-10-06 11:29:44

标签: html angularjs

因此,在我的指令中,我更新了元素的文本。我有跨度,我只是用数字更新它。元素设置如下。我甚至设置了元素的innerHTML。在控制台元素中正确更新,但在视图中它没有反映。

[span.ng-分离-范围,  context:span.ng-isolate-scope,  文字:" 20h:51m:8s",  innerHTML:" 20h:51m:8s"]

angular.module('app')
    .directive('countdown', [function () {
        return {
            restrict: 'EA',
            scope: {
                date: '@',
            },
            link: function (scope, element, attr) {
                future = new Date(scope.date);

                    element.text  = future;
                    element.innerHTML  = future;


            }
        }


    }]);

这是html

<span countdown date="2016-10-07T08:15:39.566Z"></span>

1 个答案:

答案 0 :(得分:0)

element参数是此指令匹配的jqLit​​e包装元素,而不是HTML元素本身,请尝试以下操作:element.text(future);

angular.element