草庐IT

filled-text

全部标签

javascript - Angular TypeError : text. 替换不是函数。重复

我正在尝试使用angularjs中的过滤器屏蔽除最后四个字符之外的所有字符。我收到以下错误。HTML:...{{emp.hashSSN|MaskText}}..JS:DashBoardModule.filter('MaskText',function(){//debugger;returnfunction(text){if(!text){returntext;}returntext.replace(/.(?=.{4})/g,'X');};}) 最佳答案 试一试,看看会发生什么:text.toString().replace(/.(?

javascript - Angular Material 徽章 : Make MatBadge contain an icon instead of text?

使用angular/material6.2.1,我尝试向按钮添加徽章,效果很好。但是,我希望徽章显示Material图标,而不是显示我可以使用matBadge指令设置的纯文本。有谁知道我必须做什么才能实现这个目标?我想我可以使用jQuery,但我想知道是否有更流畅/更简单的方法。 最佳答案 我通过简单地设置f.e.解决了这个问题。按钮上的matBadge="person"。然后在你的css文件中:.mat-badge-content{font-family:'MaterialIcons';}

javascript - HTMl+SVG+JavaScript : change text at runtime?

我准备将一些基于Flash的应用程序迁移到HTML+JavaScript+SVG(单一目标渲染引擎是Webkit)。我对SVG完全陌生,我想知道我是否可以使用SVG作为模板图像来填充屏幕并从HTML页面中嵌入的JavaScript代码动态更改包含的文本。我想做的是:在Inkscape中绘制页面的基本结构(带有一些图形和文本占位符),然后仅在HTML页面中显示SVG并通过JavaScript填充文本占位符。我可以通过在背景中显示静态SVG图像并在其顶部放置一些绝对定位的DIV来显示文本来获得相同的结果,但是我'我想在Inkscape中设计文本标签的位置、大小和样式。这能做到吗?怎么办?我

javascript - Highcharts 实体量表 : How can I disable gradient fill?

我正在尝试使用Highcharts新的solidgauge插件。http://jsfiddle.net/4zVU8/2/highchart提供的源码仪表接受三个STEP参数以根据数据显示不同的颜色。问题是它以渐变显示颜色,我想要1)绿色颜色高达20%2)黄色高达80%和3)一旦值超过80%,仪表颜色应为红色。这可能吗? 最佳答案 您可以设置停止点,如下所示:http://jsfiddle.net/4zVU8/5/stops:[[0.0,'#55BF3B'],//green[0.2,'#55BF3B'],//green[0.21,'#

javascript - D3 过渡 : Fading in and out the colors within a gradient fill

在这个D3图中,圆圈填充了径向渐变,并且改变不透明度用于淡入和淡出:varwidth=400,height=400,padding=1.5,//separationbetweensame-colornodesclusterPadding=6,//separationbetweendifferent-colornodesmaxRadius=12;varn=200,//totalnumberofnodesm=10;//numberofdistinctclustersvarcolor=d3.scale.category10().domain(d3.range(m));//Thelargest

javascript - 如何防止表单重置清除我的 <input type ="text"> 元素?

如果我在页面上放置一个已经设置了值的表单控件,触发包含表单的重置功能会将值返回到页面加载时的原始值。但是,如果我使用javascript创建一个表单控件,并将其附加到DOM,则在重置表单时表单控件将被删除并变为空白。我怎样才能防止这种行为?我想给输入一个默认值,这样它就会像页面加载时页面上的控件一样被处理。在以下示例中,单击“重置”会清除一个输入(脚本添加的输入),但不会清除另一个(静态输入)。我想要的是两个输入都保留其值(value)。window.onload=function(){varinput=document.createElement('input');input.set

javascript - .previousSibling 总是先返回父节点的 Text 节点吗?

我一直在使用nativeDOM方法(我知道,对吗?)并且我有这样的结构:我在上使用onClick标签,并希望从输入中检索值。在Chrome/OSX上,类似于this.previousSibling.previousSibling.value会很好用。我加倍了,因为第一个.previousSibling返回的Textnode,以及之前的另一个获取我想要的输入。我的问题是:.previousSibling如果存在,总是返回父节点的文本节点?谢谢!编辑/解决方案我的hacky解决方案是(跨浏览器)以确保我得到正确的元素,如下所示:varel=this;while(el.nodeType==3

javascript - window.clipboardData.getData ("Text") 在 chrome 中不起作用

我有这个javascript函数:functionmaxLengthPaste(field,maxChars){event.returnValue=false;if((field.value.length+window.clipboardData.getData("Text").length)>maxChars){field.value=field.value+window.clipboardData.getData("Text").substring(0,maxChars-field.value.length);returnfalse;}event.returnValue=true;

javascript - Array.fill 重复相同的对象。为什么?

这个问题在这里已经有了答案:Array.prototype.fill()withobjectpassesreferenceandnotnewinstance(7个答案)关闭3年前。vararr=newArray(4).fill({});arr[2].status=true;console.log(arr[0].status);为什么数组填充在所有索引中填充相同的对象?

javascript - 我什至无法让 $().text 正常工作。反而输出一大串代码

我已经设置了一个测试,因此我可以开始在cakePHP环境中使用jQuery,但我还没开始就遇到了问题。我也有TwitterBootstrap,但是当我遇到这个问题时,我关闭了所有功能以确保不是那个问题。它不是。我正在Chrome和Waterfox中对此进行测试。当我尝试$('#test').html('Hello');时,我什么也没得到。所以我尝试使用以下方法提醒一些事情:$(document).ready(function(){$('#test').click(function(){alert($('#test').text);});});和testspan这给了我结果:functi