angularjs – Angular JS观察指令属性

发布时间：2020-12-17 08:12:40 所属栏目：安全来源：网络整理

导读：角度js如何在自定义指令上观察属性，以接受角度值来绑定这是我到目前为止 tile title="Sleep Duration" data-value="{{sleepHistory.averageSleepTime}}"/app.directive('tile',[function() { return { restrict: 'E',link: function(scope,element,attrs)

角度js如何在自定义指令上观察属性，以接受角度值来绑定

这是我到目前为止

<tile title="Sleep Duration" data-value="{{sleepHistory.averageSleepTime}}"/>

app.directive('tile',[function() {
    return {
        restrict: 'E',link: function(scope,element,attrs) {
            var title = attrs.title;

            attrs.$observe('dataValue',function(val) {
                var data = val;

                console.log(data);

                var dom =
                    "<div>" +
                    "<p>" + title + "</p>" +
                    "<p>" + data + "</p>" +
                    "</div";

                $(element).append($(dom.trim()));
            });
        }
    };
}]);

但是观察到的价值是未定义的

从 http://docs.angularjs.org/api/ng.$compile.directive.Attributes：

all of these are treated as equivalent in Angular:

<span ng:bind="a" ng-bind="a" data-ng-bind="a" x-ng-bind="a">

所以属性数据值归一化为值

所以，这就是你想要的：

attrs.$observe('value',function(val) {

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!