草庐IT

angular2-template-for-visual-stud

全部标签

javascript - JS : Filter object array for partial matches

是否可以过滤那些与搜索字符串匹配的对象?constarr=[{title:'Justanexample'},{title:'Anotherexam'},{title:'Somethingdifferent'}]我试过了arr.filter(x=>{returnx.title===searchStr});但这只会过滤完全匹配项,但我需要找到所有部分匹配项。letsearchStr='exam'应该给我两个对象(第一个和第二个),letsearchStr='examp'应该只给我一个对象作为结果。 最佳答案 根据您的问题,我假设您还想匹

javascript - Angular 4 Reactive Forms FormControl错误为空

如果我在没有输入任何内容的情况下切换文本输入,则会显示错误消息divs,表明所需的验证器已正确触发。但是,如果我在其中一个字段中键入任何内容,控制台会立即抛出此错误:Cannotreadproperty'required'ofnull这是我的组件:import{PasswordValidators}from'./../validators/password.validators';import{Component,OnInit}from'@angular/core';import{FormBuilder,Validators,FormGroup,FormControl}from'@an

javascript - 使用 Angular 4 中的 ReactiveForms 使两个 FormControl 输入元素保持同步

给定一个组件,带有一个表单声明ngOnInit(){this.form=this.fb.group({address:[""],});}表单上的两个输入控件,都引用同一个控件。如何使每个控件中的输入值保持相同。更新每个输入元素确实会更改模型值,但不会更改其他相应的输入值。我确信这是设计使然。我在选项卡式界面上使用控件,每个选项卡上都需要一个副本。有没有简单的方法让它们保持更新?我有一个workingplunkerdemonstration. 最佳答案 只需在表单中添加一个值字段看看这个plunker

正则表达式 : replacing the last dot for a comma

我有以下代码:varx="100.007"x=String(parseFloat(x).toFixed(2));returnx=>100.01这非常棒,正是我想要的效果。我只想要一个小小的补充,就像这样:varx="100,007"x.replace(",",".")x.replacex=String(parseFloat(x).toFixed(2));x.replace(".",",")returnx=>100,01但是,此代码将替换第一次出现的“,”,我想在其中捕获最后一个。任何帮助将不胜感激。 最佳答案 您可以使用正则表达式来

javascript - knockout template - 将文本绑定(bind)到函数,并传入模板数据

我有一个带有可观察数组的View模型。它填充了一些json:this.socialTiles=ko.observableArray([]);ko.computed(function(){jQuery.getJSON(this.apiURL+"&callback=?",function(data){vartheData=data.entries;tilesModel.socialTiles(theData);console.dir(theData);});},tilesModel);对于模型中的每个项目,我使用模板构建一个li:5minutesagoid喜欢将元素的文本数据绑定(bind

javascript - 正则表达式匹配 m : ss for input validation

我一直在努力创建一个RegEx来满足以下条件:分钟只有一个数字(0到9);秒只有两个数字(00到59);必须采用m:ss格式。到目前为止我有这个:^(?:([0]{0}?\d):)?([0-5]{1}?\d)$然而,例如00的情况似乎是通过了,但它不应该通过,因为它不是m:ss格式。 最佳答案 您的正则表达式-^(?:([0]{0}?\d):)?([0-5]{1}?\d)$-有一个0{0}?使引擎匹配0恰好零次(此标记被忽略)。它还具有冗余的{1}(因为[0-5]将匹配从0到5的数字恰好一次)。请注意,没有理由将单个字符放入字符类(

javascript - 如何在不破坏 Angular 模型(数组)的情况下过滤它

我有一个适合我的观点的模型。该模型是对象数组:vararr={"12345qwery":{prop1:"value",prop2:"value"}}//contains500items今天我用以下方式过滤它:arr=$filter('filter')(arr,filterTerm);//contains4items在这一行之后,我得到了很好的过滤数据,但是如果我再次运行这个过滤器,我没有500个项目,而是4个。因此,为了避免这种情况,我将原始数组存储在临时对象中,当用户更改过滤器时,我首先使用备份数据更新arr(它是原始的500项)并进行过滤。现在我遇到了麻烦,因为我有多个过滤器,我必

javascript - 如何在 Angular2+ 中使用 ngStyle 将转换翻译属性应用于元素

我正在尝试使用[ngStyle]有条件地将transform:translateX($value)直接应用于模板元素,但我找不到任何人谈论这个。主要是因为我不知道要搜索什么:D。我见过一些使用[style.color]进行基本样式设置的方法,或者使用[attr.style]="{'transform':'translateX(4rem)'}"但最后一个在呈现的HTML中返回:style="unsafe"。我已经看到您可以使用Sanitizer来清理或绕过您的样式/脚本等...但在这一点上,它开始“闻起来”像您不应该做的事情?我正在寻找一种干净的方法来实现这一目标。但我不知道去哪里找。提

javascript - 二维数组中增强的 for 循环 - JavaScript

我在Javascript中创建了以下二维数组//CreatebasiclineararrayvarImgArray=newArray(4);//Dothe2Darrayforeachorthelineararrayslotsfor(i=0;i现在我想使用2个“增强的for循环”遍历它。但我仍然停留在如何使用循环上,因为只有ImgArray说明了这一点。例如;//Loadtheimagesfor(variinImgArray){for(???){//Howwouldidothis?Whatdoistateasanarray?///...}document.write("");}非常感谢任

javascript - 在 angular.js 中切换类和文本

有一个锁定和解锁功能,在html中表示为Lock和UnLock解锁/锁定实际上是一个RESTAPI调用$scope.unlock=function(user){user.$unlock();}$scope.lock=function(user){user.$lock();}如何在angular.js中的两种状态之间切换?我的意思是当执行锁定并成功时,第一个选项应该隐藏,而解锁按钮应该可见。selectedUser.enabled解锁时返回1,锁定时返回0。 最佳答案 只需使用一个li,并用ng:class设置类:HTML:{{sel