使用Angular在输入后添加图标

文章/答案/技术大牛

发布

3回答

angular

我使用的是Angular 7。当我打开我的对话框时，我想在输入之后设置一个星形图标，如箭头所示，而不是像目前那样在输入中设置。

浏览 33提问于2019-03-27得票数 2

1回答

角-添加自由实体图标

angular、icons、font-awesome

我试着在我的应用程序中使用免费的字体，很棒的图标，但是由于某种原因我不能添加它们。这是我使用的代码： "@fortawesome/angular-fontawesome": "^0.7.0", constructor(faService: FaIconLibrary) { faS

浏览 7提问于2022-07-15得票数 0

回答已采纳

1回答

如何根据输入中的绝对div的宽度来添加边距？

css、sass

我在一个Angular项目中，我可以使用SASS。我在包含输入的包装中有一个输入和一个图标，如下所示： <div class="wrap"> <div class="wrapper-icons"> </d

浏览 20提问于2019-09-16得票数 0

回答已采纳

1回答

如何将图标应用于Angular材质中的两个表单域？

angularjs、angularjs-material

我使用angular材质作为我的设计框架。我正在为我的网站制作表单域原型，表单域有一个图标。选择表单域将更改图标的颜色，以指示它已被选中。当我选择名字字段时，图标变为蓝色。当我选择姓氏字段时，图标保持灰色。如何使用户图标在选择了姓氏字段的情况下也变为蓝色？ <he

浏览 0提问于2016-05-17得票数 2

7回答

Angular2材料‘md-图标’不是已知的元素。

angular、typescript、angular-material2

我有angular2应用程序，它使用@angular2-资料2.0.0-字母表-2版本。一切都很好。现在，我决定将材料版本升级到最新版本，即2.0.0-字母表9-3。我遵循了中提到的步骤。然而，2.0.0-字母表-3版本的更改日志上写着：‘’md图标‘不是已知的元素：如果‘md-图标’是一个角组件，然后验证它是

浏览 0提问于2016-10-27得票数 29

回答已采纳

2回答

引导图标的“帮助块”会破坏窗体

html、css、twitter-bootstrap、icons

我正在使用来自这个的css，它运行得很好，但是，当我尝试添加一个带有图标的帮助块时，它并不像预期的那样工作。帮助块w/o图标(输入后添加了以下代码)：帮助块w/图标(输入后添加了以下代码)： <labelcl

浏览 4提问于2016-02-25得票数 0

回答已采纳

2回答

如何在圆形bootstrap 4表单输入/按钮中添加svg图标？

css、angular、bootstrap-4

我正在为一个Angular项目使用Bootstrap 4，我想将我使用svg和icon创建的图标字体添加到按钮和表单输入中，如下图所示：

浏览 5提问于2018-10-23得票数 1

1回答

无法实现角度6中的物质视图低于误差

javascript、android、angular、angular-ui-router

我刚刚创建了一个使用角6的页面，我想为UI实现材质视图。在实现过程中，我得到了以下错误。我尝试添加了material.js库，但没有成功。2.如果“mat-图标”是Web组件，则在该组件的“@NgModule.schemas”中添加“@NgModule.schemas”以抑制此消息。("eld> < matInput placeholder=“输入密码”type=“隐藏？‘密码’：‘text’> ERROR -><mat-图标m

浏览 1提问于2018-11-22得票数 0

1回答

防止在通过Ajax输入“<script>alert(”hi“)；</ jQuery >”时使用脚本换行

javascript、jquery、escaping

我有一个加号图标的输入域。单击加号图标后，输入值将添加到输入字段的上方。如果任何黑客输入像"<script>alert(

浏览 1提问于2013-09-10得票数 0

2回答

在输入占位符文本中使用角度字体图标

angular、font-awesome、placeholder、font-awesome-5、angular-fontawesome

我在Angular 6应用程序中使用了官方的组件。但是我找不到方法将搜索图标作为占位符添加到输入元素中，除了在我的应用程序中添加额外的字体之外，这是不可取的。

浏览 4提问于2018-10-09得票数 1

2回答

如何在角度上改变favicon.ico路径？

javascript、angular、angular-ui-router

在我的角度应用程序环境中，将有一个基本路径后的DNS名称，如。也有一个服务器端的限制，就像只有与基本路径匹配的“我的角-应用程序名”匹配的请求，将通过服务器。与路径不匹配的所有其他请求都将被终止。我能够使用ng构建-部署-url/my-角- app -name/命令给出应用程序中的基本路径。这个命令是在index.html需要的所有Java脚本文件中添加一个/my角应用程序名的基本路径。

浏览 8提问于2022-08-09得票数 0

回答已采纳

1回答

单击图标打开文件资源管理器

javascript、angular、typescript

我正在使用Angular 5和Typescript。单击图标后，我需要打开文件资源管理器窗口来添加附件。现在，我知道如何对按钮执行此操作，但不知何故，它似乎对图标无效，可能是单击事件绑定不起作用。input type="file" #file (change)="upload()"/>&

浏览 19提问于2019-07-15得票数 3

回答已采纳

2回答

由于解析错误，无法加载Angular material svg图标

angular、typescript、angular-material

我正在尝试加载一个自定义的svg图标与角度材料7.2.0和因此，我将图标注册为 sanitizer.bypassSecurityTrustResourceUrl('assets/box.svg'));<mat-icon svgIcon="box"></mat-icon> 但该

浏览 3提问于2019-03-11得票数 1

3回答

Visual 2013中的角材料图标注册

javascript、angularjs、angularjs-material

我是新的角度材料，只是想使用它的图标，已经阅读了它，但说我必须注册，但不知道具体如何得到svg图标集。我所做的: 1.使用下载图标 $mdIconProvider.defaultIconSet('md/icons/core-icons.svg', 24);但不

浏览 18提问于2017-06-19得票数 0

1回答

如何使用条件为angular中的mat-icon应用颜色

javascript、html、css、angular8

form field image->I需要在angular中为check_circle mat-icon添加颜色，该图标在登录表单字段中 ->After用户输入他的电子邮件，然后它(check_circle)图标应该变成绿色，如果他没有输入他的电子邮件，它应该是灰色的。else { } } ` ->Here loginForm是我的表单组的名称，userName是该特定字段的表单控件名称，&#x

浏览 37提问于2021-10-07得票数 0

1回答

向下调整MatIcon看起来很模糊，而向下调整SVG看起来很完美

css、angular、svg、angular-material

材料图标易于使用，通常看起来很棒。因此，我下载了原始的并直接添加了它： <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="16" width="16"我认为MatIcon也在使用SVGs。如果没有，它使用的是什么图像格式？是否有一种简单的方法可以告诉MatIcon使用</

浏览 4提问于2020-07-25得票数 1

回答已采纳

2回答

将焦点设置在添加的项上

javascript、angularjs、angularjs-directive

当前，在编辑项时，单击外部(即，blur)或通过键盘输入将提交新值。<html> <script src="https://ajax.googleapis.com/ajax/libs/angu

浏览 3提问于2017-03-21得票数 2

回答已采纳

2回答

中心输入字段和图标添加使用：：后

html、css

我有一个输入字段，在输入后添加了一个图标，需要在div中居中。我可以使用文本对齐: center轻松地对输入文本进行居中，但是发现在添加图标时很难使用：：对齐。我可以对搜索文本进行居中，但不能对图标进行调整。如何将搜索文本和图标居中，使其在中心标题下居中？在不修改/添加HTML的情况下能够

浏览 4提问于2020-02-21得票数 1

回答已采纳

1回答

如何在Angular中删除图释的边界。尝试使用ngx-emoji

angular、emoticons

我想在我的Angular应用程序中显示表情图标，但没有边界或边框，只显示表情图标。像这样的Angular模板中的普通HTML代码不会显示表情符号： <p style="font-size:100px">😜</p> <p>I will display 😜在成功安装后，我尝试了以下命令： <ngx-emoji [emoji]="{ id: 'face_w

浏览 17提问于2019-09-10得票数 0

回答已采纳

2回答

角2引导CSS不加载

angular、ng-bootstrap

我甚至尝试在组件中添加bootstrap.css，但是什么都没有发生。将其添加到index.html确实会产生不同的效果，但我不想显式调用，除非没有其他方法。谢谢,

浏览 2提问于2017-03-28得票数 1

回答已采纳

点击加载更多