草庐IT

数据绑定

全部标签

javascript - Angular - 输入数据在子组件上不立即可用,为什么?

我有一个子日历组件,它通过输入字段从他父亲那里接收事件。@Input()privateevents:any[];当月份发生变化时,父组件会从API服务获取新事件并调用子组件来显示它们。privatepopulateEventsForCurrentMonth(){returnthis.calendarService.getEventsAsAdmin(this.getCurrentStartDate(),this.getCurrentEndDate()).then((evts)=>{this.events=evts;this.calendarChild.selectEventDaysIfA

javascript - 如何在 RxJS 中将可变长度数据包流转换为固定长度数据包?

我是RxJS的新手。给定以下流['foo','bar','b','az12','3','4567']我想将其转换为固定大小的数据包(比如3个字节)+余数['foo','ba','rb','az','123','456','7']在现实生活中,它实际上是一个二进制数据缓冲区。我想知道惯用的RxJS方法是什么。我发现的简单方法是:from(['foo','bar','b','az12','3','4567']).pipe(Rx.concatMap(v=>from(v)),Rx.bufferCount(3),Rx.map(v=>v.join(''))).subscribe(v=>consol

javascript - 使用 jquery 延迟加载分页数据表中的值

我正在尝试使用jquerydatatableplugin在我的项目中。它支持ajax加载表中的值。但我的问题是它是否支持值的延迟加载?意味着如果表是分页的,我可以在请求时使用ajax加载每个页面所需的数据,而不是在页面启动时加载所有值吗?现在我观察到页面所需的所有数据都在创建表时加载。如果页面必须处理大量数据并且在那个时间点不使用它,则会产生问题。如果这个插件不能处理它,任何人都可以建议任何其他支持这个要求的插件。我需要一个支持分页和内容延迟加载的数据表。 最佳答案 这可以使用数据表本身中的ajax配置来完成。详情可以找here.选

javascript - 将生成的内容添加到未绑定(bind)到 DOM 的 jQuery 对象失败

我正在尝试使用.append将HTML片段动态附加到现有元素。不知何故,脚本创建的HTML字符串没有附加到元素。附加到的元素在附加代码段时并未挂接到DOM中。所有这些都封装在一个JavaScript函数中。这是代码:append_content=function(){varelem=$('sometext');varsomecontent=get_content();//returnsastring:'xx'elem.append('bleh1');elem.append(somecontent);elem.append('bleh2');console.log(elem);retur

允许具有多种数据类型的 Javascript 参数 : good practice or not?

我已经多次看到-特别是在jQuery中-一个函数可以有多种有效数据类型,比方说字符串或函数。此外,在我自己的代码中,有时我的函数可以采用一个或多个值。所以我可以调用函数:myFunc("arg");ormyFunc(["arg1","arg2",...]);这看起来更灵活,打字也更方便,但这真的是好事吗?因为另一方面,没有明确说明函数是什么类型,据我所知,JIT编译器无法高效工作。并且通常必须进行某种类型的类型强制转换,这会带来额外的性能损失。那么,即使数组中只有一个对象,总是写:myFunc(["arg"])会更好吗?你对此有何看法? 最佳答案

Javascript - 图像数据处理和div渲染

所以我为自己创造的挑战就是这样。我有一张源照片:我正在映射颜色值并使用div创建它的像素化表示结果如下:我使用的代码是:'usestrict';varimageSource='images/unicorn.jpg';varimg=newImage();img.src=imageSource;varcanvas=$('')[0];canvas.width=img.width;canvas.height=img.height;canvas.getContext('2d').drawImage(img,0,0,img.width,img.height);varcontext=canvas.g

javascript - D3 绘制数据集的选择性部分

我有一个大型时间序列数据集需要绘制图表,我正在尝试使用D3来完成它。我计划让我的图形的x轴为时间,并允许图形在x方向上移动。我想让图表只加载/显示屏幕上当前时间范围内存在的点。例如,如果我的数据集有1-100次,但图形以显示的时间1-10开始,则图形应该只绘制1-10点。然后用户可能会向右移动并查看时间5-15,图表应相应更新。任何人都可以向我解释如何通过d3完成此操作吗?我很难理解从一次加载并立即绘制整个数据集到选择性地绘制数据子集。 最佳答案 我认为您正在寻找selection.filter()功能。例如你可以有:varallN

javascript - Meteor 中的服务器端数据验证

我的客户端文件中有一个表单和一个提交函数:functionsubmitme(){varmessage=$('#daform').serializeJSON();message.owner=Meteor.user().username;if(!message.description||!message.location.lat||!message.location.lng||!message.mysex||!message.yoursex){return;}else{lists.insert(message);console.log("Submitted!");$('#daform')[

javascript - Highcharts:如何设置数据分组

我有一个包含大量数据的highstock图表,我能够定义如何对数据进行分组,但我希望用户指定要使用的数据分组并在日、周、月等之间动态更改。那么是否有可能有一个按钮,用户可以通过该按钮更改数据的分组方式,如果可以,如何更改?有许多未记录的功能,例如currentDataGrouping,但没有设置数据分组...我可以通过任何方式看到...series:[{type:'column',name:title,data:data,dataGrouping:{units:[['week',[1]],['month',[1]]]}}] 最佳答案

javascript - Knockout.js 在使用 'options' 绑定(bind)时更改 <option> 的颜色?

在选择列表上使用“选项”绑定(bind)时,是否可以更改选择列表选项元素的样式(使用“样式”或“css”绑定(bind))?或者这只能通过在选择列表上使用“foreach”并更改每个样式来完成吗?我在代码中有这个:但是如果我附加style:{color:isDefault()===true?'black':'red'}如果isDefault返回false,则整个列表为红色。以这种方式编码是实现此目标的唯一方法:或者是否存在我不知道的某种形式的Knockout.js魔法?谢谢! 最佳答案 为了扩展ThomasWiersema的回答,您