草庐IT

动态组件

全部标签

javascript - Angular 4 - 具有动态参数值的自定义验证器

我编写了一个自定义验证器来检查日期是否超过某个最小日期。代码如下所示:exportfunctionvalidateMinDate(min:Date):ValidatorFn{return(c:AbstractControl)=>{if(c==null||c.value==null)returnnull;letisValid=c.value>=min;if(isValid){returnnull;}else{return{validateMinDate:{valid:false}};}};}我这样初始化我的表单this.definitionForm=this.fb.group({"fro

javascript - 从 Angular 5 组件访问父类(super class)字段

我有一个包含组件通用功能的父类(superclass)。exportclassAbstractComponentimplementsOnInit{publicuser:User;constructor(publichttp:HttpClient){}ngOnInit():void{this.http.get('url').subscribe(user=>{this.user=user;});}}我有一个实现这个父类(superclass)的子类。@Component({selector:'app-header',templateUrl:'./header.component.html'

javascript - Angular 如何测试需要位置的组件

您好,感谢您抽出宝贵时间!我正在学习如何使用Angular,并且我有兴趣学习如何测试它的组件。目前我正在苦苦挣扎,因为我已经完成了Angular页面的英雄之旅教程,我正在测试代码以更好地理解它。重点是我正在测试hero-details组件,代码是:import{Component,OnInit,Input}from'@angular/core';import{ActivatedRoute}from'@angular/router';import{MyHeroService}from'../hero-service/my-hero.service';import{Location}fro

javascript - material-ui 中的 <Fade> 只是禁用组件的可见性。如何获得淡入淡出效果并真正隐藏组件?

我正在使用来自material-ui的material-ui组件.}label="StartValue">我想在组件淡出时完全隐藏元素Grid但它只会禁用组件的可见性并在DOM中占用相同的空间(看起来是空的)。我如何使元素在淡出后隐藏使用 最佳答案 ...http://reactcommunity.org/react-transition-group/transition#Transition-prop-unmountOnExit默认情况下,子组件在达到“退出”状态后会保持挂载状态。如果您希望在组件退出后卸载它,请设置unmount

javascript - 如何在 Vue 类组件中定义过滤器?

Vue类组件是一种相对较新的单文件组件编写方式。它看起来像这样:importVuefrom'vue'importComponentfrom'vue-class-component'//The@ComponentdecoratorindicatestheclassisaVuecomponent@Component({//Allcomponentoptionsareallowedinheretemplate:'Click!'})exportdefaultclassMyComponentextendsVue{//Initialdatacanbedeclaredasinstanceproper

javascript - 使用 <img> 为 markdown gatsbyjs 创建自定义组件

我正在尝试为我的markdown创建一个接受图像源的自定义组件。我无法通过自定义组件显示图像,因为找不到图像,因为它不存在我也意识到图像路径是由GatsbyJS生成的,我不知道如何在Markdown中检索图像的路径。我确实有一个包含一些文本的自定义组件,但我无法为图像做同样的事情。这是一个带有标题和几个词的简单Markdown。索引.md---title:ToDoApp---Hithisismytodoappapp.Belowisabunchofscreens![ImagefromGyazo](./screen1.png)我创建了一个名为imageholder的自定义组件,它在显示图像

javascript - 动态脚本标签添加是异步的?

动态脚本标签添加是异步的吗?就像动态地包含来自不同域的一组JavaScript文件一样...... 最佳答案 是的,它是异步的。动态注入(inject)总是导致浏览器通过DOM加载外部资源(例如样式表、图像、flash),这必须异步发生以避免浏览器锁定。你在看JSONP吗(“带填充的JSON”)有机会吗?它使用动态脚本标签注入(inject)。它越来越多地成为关于“AJAX”的讨论的一部分,而同步JSONP(如同步XmlHttpRequest)是不可能的这一事实经常被忽视。 关于java

javascript - 仅动态包含一次 javascript 文件

我正在编写一个javascript函数,用于包含外部JS文件,但只有一次。我需要这样一个函数的原因是因为它在通过AJAX加载某些内容时被调用,我需要对该内容运行特定于页面的代码(不,仅使用.live不会涵盖它)。这是我的尝试,为简洁起见缩短了:$.include_once=function(filename){if($("script[src='"+filename+"']").length===0){var$node=$("").attr({src:filename,type:"text/javascript"});$(document.body).append($node);}};

java - 在保留箭头图标的同时动态设置 DisclosurePanel 的标题文本?

我想在DisclosurePanel的标题中设置文本,而不必重新构造默认标题使用的图像/图标。使用customHeader意味着箭头图标丢失,换句话说,这似乎是不合理的额外工作量。编辑:实际上有一个方法,getHeaderTextAccessor(String) 最佳答案 getHeaderTextAccessor(String) 关于java-在保留箭头图标的同时动态设置DisclosurePanel的标题文本?,我们在StackOverflow上找到一个类似的问题:

javascript - 使用 Javascript/JQuery/Rails 3 动态添加新行

我正在构建一个时间表表单,该表单包含一个日历,使用户能够选择指定日期并搜索项目。我有这个功能。我基本上拥有的是:一旦用户搜索他们的项目并按下加号按钮,就会显示该指定项目。在这种情况下是Asda,用户然后单击加号图标,这将创建一个新行并将其放入表“项目任务”中。如何在Javascript/JQuery中执行此操作。很抱歉提出这样一个基本问题,但我仍在学习Javascript/JQuery。我目前有一个链接到project_project_tasks_path(project.id)的加号图标。这只是暂时的。这是我目前所拥有的:Number Nametrue%>"tasklist"