首页 / JAVASCRIPT / javascript-角度指令双向作用域不更新模板

javascript-角度指令双向作用域不更新模板

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-角度指令双向作用域不更新模板，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1020字，纯文字阅读大概需要2分钟。

内容图文

我有一个角度指令esResize,在隔离范围上使用双向绑定时遇到问题.

window.estimation.directive('esResize', function() {
    return {
        restrict:'C',
        scope: {
            pointGrid: '='
        },
        template: "<h2>{{ pointGrid }}</h2><ul><li ng-repeat='card in pointGrid track by $id(card)'>{{ card }}</li></ul>",
        controller: function($scope) {
            $scope.shiftTicket = function() {
                $scope.pointGrid.push("New Ticket");
            };
        },

        link: function(scope, element, attrs) {
            var height;    
            element.resizable({ 
                grid: [ 10, 20 ],
                handles: "n, s",
                start: function(event, ui) {
                    //initialize method
                },
                resize: function(event, ui) {
                    scope.shiftTicket();
                }
            });
        }
    };
});

触发调整大小后,pointGrid在将其输出到控制台时将“ New Ticket”推入其中.但是,模板不会更新.我是不是误解了绑定如何链接到视图,或者这里还有其他作用？

编辑：视图中的pointGrid只是一个数组.

解决方法:

您需要调用$scope.$apply();.在更新jQuery插件回调中的作用域值之后.这是因为它没有像ng-click或$http回调那样在angular自己的周期内触发.

resize: function(event, ui) {
    scope.shiftTicket();
    scope.$apply(); // Should tell angular that this has updated
}

内容总结

以上是互联网集市为您收集整理的javascript-角度指令双向作用域不更新模板全部内容，希望文章能够帮你解决javascript-角度指令双向作用域不更新模板所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/658926.html

来源：【匿名】