博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
规范 : angular 组合 jquery plugin
阅读量:5058 次
发布时间:2019-06-12

本文共 1515 字,大约阅读时间需要 5 分钟。

jquery 会有document.ready ,这是会把model value 给 set 去 jquery ,如果set 不进,可能需要整个渲染(refresh)。在操作时需要找到接口,在找到value。

 

所以jquery api 必须找到

1. document ready point

2. set view value

3. get view value

4. refresh 

5. on change

6. destroy

 

例子

//没有1 document ready 接口 & 4 refresh 接口 .directive('dtPicker', function () {        return {            require: '?ngModel',            restrict: 'A',            scope: {                viewMode: '@',                format: '@'            },            link: function (scope, element, attrs, ngModel) {                if (element[0]) {                    element.datetimepicker({                        format: scope.format,                    }).on('dp.change', function (e) { //4 on change                        var $picker = $(element).data("DateTimePicker");                        var date = $picker.date().toDate(); //3 get view value                        ngModel.$setViewValue(date);                    });                }                var originRender = ngModel.$render;                ngModel.$render = function () {                    originRender();                    var $picker = element.data("DateTimePicker");                    $picker.date(new Date(ngModel.$viewValue)); //2 set view value                }                scope.$on("$destroy", function () {                    var $picker = $element.data("DateTimePicker");                    $picker.destroy(); //6 destroy                });            }        }    })

 

转载于:https://www.cnblogs.com/stooges/p/4900505.html

你可能感兴趣的文章
oracle 报错ORA-12514: TNS:listener does not currently know of service requested in connec
查看>>
基于grunt构建的前端集成开发环境
查看>>
MySQL服务读取参数文件my.cnf的规律研究探索
查看>>
java string(转)
查看>>
__all__有趣的属性
查看>>
BZOJ 5180 [Baltic2016]Cities(斯坦纳树)
查看>>
写博客
查看>>
利用循环播放dataurl的视频来防止锁屏:NoSleep.js
查看>>
python3 生成器与迭代器
查看>>
java编写提升性能的代码
查看>>
ios封装静态库技巧两则
查看>>
Educational Codeforces Round 46 (Rated for Div. 2)
查看>>
Abstract Factory Pattern
查看>>
C# 实现Bresenham算法(vs2010)
查看>>
基于iSCSI的SQL Server 2012群集测试(一)--SQL群集安装
查看>>
list 容器 排序函数.xml
查看>>
存储开头结尾使用begin tran,rollback tran作用?
查看>>
Activity启动过程中获取组件宽高的五种方式
查看>>
java导出Excel表格简单的方法
查看>>
SQLite数据库简介
查看>>