草庐IT

表单组件

全部标签

javascript - 如何在 Angular 2 的组件中使用管道?

我有一个管道类,它根据您传递的参数返回数据。我知道如何使用|符号在我的模板HTML中使用它,但我也想在我的组件中使用它。有没有办法在Angular2中直接从组件或服务内部调用管道? 最佳答案 您可以使用以下方法直接在您的代码中调用您的管道:YourPipeClass.prototype.transform(value,arg1,arg2);您可以从组件内部或导入它的任何其他地方调用它。还有新的方式:newSortTodosPipe().transform(value,arg1,arg2);但请记住,它会创建一个对象,因此要么保存该对

javascript - 在 Angular 2 组件中包含 SASS 变量

我想知道我是否可以在Angular2组件中使用sass变量。像这样的东西:@Component({selector:'my-component',template:`testdiv1`,styles:[`@import"variables";.test-div{border:1pxsolid$test-color;}`]})我的文件_variables.scss:$test-color:green!default;似乎无论我尝试什么,sass变量都无法识别。非常感谢任何帮助。 最佳答案 我不同意这里的正确答案是为什么。ATM正确答案

javascript - 如何防止我的功能组件使用 React memo 或 React hooks 重新渲染?

当hiddenLogo改变值时,组件被重新渲染。我希望这个组件永不重新渲染,即使它的Prop改变了。使用类组件,我可以像这样实现sCU来做到这一点:shouldComponentUpdate(){returnfalse;}但是有没有办法处理Reacthooks/React备忘录?这是我的组件的样子:importReact,{useEffect}from'react';importPropTypesfrom'prop-types';importConnectedSpringLogofrom'../../containers/ConnectedSpringLogo';import{Wrap

javascript - 使用 javascript 提交的表单只能在 Google Chrome 中使用一次

我有简单的形式。...还有一些anchor链接Doit!它在FireFox或IE中运行良好,但在GoogleChrome中运行良好。Chrome执行一次,然后链接变得不可点击。 最佳答案 也有这样的问题。决定是在每次提交之前向URL添加一些随机内容。HTML:...JavaScript(jQuery):$('#go').attr('action','go.php?'+Math.random()*1000).submit(); 关于javascript-使用javascript提交的表单只

javascript - 将 HTML 表单字段转换为具有内部对象的 JSON 对象

给定以下HTML表单:Company:FirstName:LastName:在javascript中将此表单序列化为格式为JSON对象的最佳方法是什么:{Company:"ACME,INC.",Contact:{FirstName:"Daffy",LastName:"Duck"}}另请注意,“.”可能不止1个。登录字段名称。 最佳答案 我认为您要做的是:对于每个输入,首先在分隔符(“.”字符)处拆分名称。现在,您有一个名称数组。然后您可以遍历该数组,确保每次遇到新名称段时目标“程序集”对象(和子对象)都有容器。当数组中有1个元素时,

javascript - 根据单击的按钮将相同的表单发布到不同的操作

我在StackOverflow上有一篇类似的帖子,但也许我的误解更为严重。我有一个ActionIndex()和一个Index查看它的渲染。根据单击的按钮,从Index()View必须调用[HttpPost]Index()或[HttpPost]Search()因为我正在发布一些数据。发布到不同操作的唯一方法是使用jQuery吗?如果jQuery是唯一的方法,如果我的操作返回View(完整的Html页面),我必须从$.post中清除整个文档元素并用我的Viewhtml填充它?我对这一切都很陌生,非常感谢!@using(Html.BeginForm()){......}publicActio

javascript - jQuery 验证停止表单提交

我正在使用jQuery验证表单,但是当表单被验证时它会重新加载或提交我想停止该操作的页面。我已经使用了event.preventDefault(),但它不起作用。这是我的代码:$("#step1form").validate();$("#step1form").on("submit",function(e){varisValid=$("#step1form").valid();if(isValid){e.preventDefault();//Thingsiwouldliketodoaftervalidation$(".first_step_form").fadeOut();if(cou

javascript - 在 React Router 中渲染多个组件

我习惯于应用具有多个yield区域的布局,即内容区域和顶部栏标题。我想在ReactRouter中实现类似的东西。例如:应用布局:{--displayListTopBarhere--}{--displayListViewhere--}两个子组件应该接收相同的Prop。我该如何解决这个问题? 最佳答案 要传递多个组件,您可以这样做:请在此处查看文档:https://github.com/ReactTraining/react-router/blob/v3/docs/API.md#named-components

javascript - 在 React Native 中将 props 样式添加到现有组件样式

我定义了以下组件:importReact,{Component}from'react';import{StyleSheet,TouchableOpacity,View,Text}from'react-native';exportdefaultclassButtonextendsComponent{render(){return(this.props.onPress}>{this.props.title})}}conststyles=StyleSheet.create({container:{paddingTop:15,paddingBottom:15,paddingRight:20,p

javascript - jquery,当字段失去焦点时提交表单

当一个字段(在这种情况下,表单只有一个字段)失去焦点时,如何提交表单?我试过了,但是没用:$("form").submit();更新我忘了说这个表单也是用jquery创建的:$("div").html('');这可能是它不会提交的原因,我认为这是因为没有观察到事件。 最佳答案 $('form:input').blur(function(){$(this).closest('form').submit();}); 关于javascript-jquery,当字段失去焦点时提交表单,我们在St