草庐IT

Image组件

全部标签

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 - 在 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 - bx slider : how to disable slide show when only one image is present

我正在使用bxslider创建我的图像的幻灯片。图像正在动态更新。我的问题是杂耍淡入和淡出工作,即使只有一张图像存在。我怎样才能阻止它?bxslider选项是varcoverSlider=$('.bxslider').bxSlider({auto:true,minSlides:1,maxSlides:1,pager:false,speed:500,pause:3000,autoHover:true,mode:'fade',controls:false})我正在使用重新加载方法在添加或删除新图像时更新slidercoverSlider.reloadSlider();

javascript - React 组件仅在第二个 onClick 事件上更改状态

我有这两个简化React组件,其中Times组件是Create组件的子组件(代码示例见下文).预期的行为是,最初未显示Times组件,但当用户使用onClick单击链接时,Times组件出现.这些组件大部分都按预期工作,但奇怪的是,在第一次单击onClick链接后​​,Times组件没有出现并且Create组件根本不会改变状态,如控制台中所示。但是,当第二次单击该链接时,Create组件会更改状态并重新呈现,并且可以看到Times组件。Create.jsximportReactfrom'react';importTimesfrom'./Times.jsx';exportdefaultR

javascript - 如何更改 vuetify 组件中的字体大小

我将v-text-field和v-select与vue-loader一起使用。我试图改变字体大小,但我不能。如何更改字体大小?我的代码喜欢这样。plabel-1v-text-field(...)plabel-1v-text-field(...).input-group.input-group__inputfont-size:12px!important.pfont-size:12pxdevelopertoolscreenshot 最佳答案 要在整个应用程序范围内更改单个组件(例如文本字段)的字体大小:.v-text-fieldinp

javascript - 如何为按钮提供浏览器 "save image as"选项

我正在做一个Canvas绘图项目。我将Canvas转换为图像,然后将该图像保存为“.png”。我必须右键单击图像并选择“将图像另存为”选项。但我想通过一个按钮提供该选项。当我单击按钮时,它应该被保存。任何例子或想法将不胜感激。这是一个将canvas转为png的js函数。functionsave2(){window.open(canvas.toDataURL('image/png'));vargh=(canvas.toDataURL('png'));alert("converted");} 最佳答案 在现代浏览器中你可以使用下载属性f

javascript - 组件中的 Angular 4 HttpClient 无法解析所有参数

我开始学习Angular4并学习了HTTP客户端部分。现在我正在尝试从组件进行http调用(是的,我知道我应该将它转移到服务,但仍然如此)但出于某种原因,当我尝试将HttpClient注入(inject)我的组件时,出现了下一个错误:UncaughtError:Can'tresolveallparametersforPromocodeComponent:(?).这是我的组件的代码:import{Ticket}from'../../classes/Ticket.class'import{Component,Input}from'@angular/core';import{HttpClie