如何在Angular中动态添加属性？
在Angular中动态添加属性可以通过以下几种方式实现：
- 使用属性绑定： 在模板中使用方括号语法，将属性绑定到组件中的一个变量或表达式上。这样可以根据变量或表达式的值动态添加属性。 例如，要动态添加一个disabled属性，可以使用以下代码：
- 使用属性绑定： 在模板中使用方括号语法，将属性绑定到组件中的一个变量或表达式上。这样可以根据变量或表达式的值动态添加属性。 例如，要动态添加一个disabled属性，可以使用以下代码：
- 在组件中，可以通过修改isDisabled变量的值来动态添加或移除disabled属性。
- 使用属性绑定和ngClass指令： ngClass指令可以根据条件动态添加或移除CSS类。通过结合属性绑定和ngClass指令，可以实现动态添加属性。 例如，要根据条件动态添加一个disabled属性，可以使用以下代码：
- 使用属性绑定和ngClass指令： ngClass指令可以根据条件动态添加或移除CSS类。通过结合属性绑定和ngClass指令，可以实现动态添加属性。 例如，要根据条件动态添加一个disabled属性，可以使用以下代码：
- 在组件中，可以通过修改isDisabled变量的值来动态添加或移除disabled属性。
- 使用Renderer2服务： Angular提供了Renderer2服务，可以用于操作DOM元素。通过使用Renderer2服务的setAttribute方法，可以动态添加属性。 首先，在组件中注入Renderer2服务：
- 使用Renderer2服务： Angular提供了Renderer2服务，可以用于操作DOM元素。通过使用Renderer2服务的setAttribute方法，可以动态添加属性。 首先，在组件中注入Renderer2服务：
- 然后，在需要动态添加属性的地方，使用Renderer2的setAttribute方法：
- 然后，在需要动态添加属性的地方，使用Renderer2的setAttribute方法：
- 这样就可以在组件初始化后动态添加disabled属性。
以上是在Angular中动态添加属性的几种常见方式。根据具体的需求和场景，选择合适的方式来实现动态添加属性。
相关·内容
2回答
Angular如何通过传递属性名动态添加属性
javascript、angular、angular6
我想知道如何在Angular中添加动态属性。我的意思是，我需要传递属性名。如下所示：我已经看到了，但是我想通过attrName传递这个属性。
有什么想法吗？
浏览 2提问于2018-08-08得票数 0
2回答
使用角2动态切换带有制表符的HTML内容样式
html、css、angular、typescript、angular2-template
在我的父组件类中：
htmlInput: string = "<h1>Why Does Angular make this so hard?也许在将innerHtml添加到DOM之前就应用了样式？我不知道，只是将{{html}放置在可见的h1标记上，就会显示实际的标记。我之所以想这样做，是因为我已经创建了一堆HTML页面，它们位于服务器上的文件夹中，这些页面都是共享一个样式表的。有没有人有更好的建议，如何嵌入样式HTML到页面动态在最新版本的角2？在写这篇文章的时候，我们是在2.0.
浏览 6提问于2016-11-06得票数 1
回答已采纳
2回答
Angular 2 TestModuleMetadata没有EntryComponents属性
unit-testing、angular、typescript、angular-cli
我正在使用Angular CLI 1.0.0-beta.32.2，并且正在为Angular 2服务编写单元测试，该服务动态创建一个组件并将其插入到另一个组件中。在我的单元测试中，我尝试创建一个模拟组件来测试我的服务，但是ng test的输出抛出了一个错误，声明我的模拟组件是在entryComponents属性中指定的。当我尝试将组件添加到TestModuleMetadata对象的entryComponents属性中时，如下所示：Tes
浏览 6提问于2017-02-23得票数 6
回答已采纳
1回答
如何在Angular中动态添加属性？
angular、angular-directive、angular-pipe
我有一个指令，我想用它来动态地向输入字段添加属性。它会将正确的属性添加到输入字段中。但是该属性的指令不起作用。所以我想我需要编译它，在新的角度中没有编译。动态添加属性的指令： import { Directive, ElementRef, Input, OnInit, Renderer2 } from '@angular/core';
@Direct
浏览 145提问于2020-07-10得票数 0
回答已采纳
1回答
Angular2通知组件关于在角外创建DOM元素的情况
angular、typescript、angular2-template、angular2-directives
问题众所周知，Angular2附加到组件中的所有元素，一些随机属性，如_ngcontent-pmm-6。Swiper动态创建分页元素(点、子弹、按您所需的方式称呼它们)。据我所知，这种情况发生在角度之外。所以这些元素没有那些古怪的属性，角度上不知道它们。现在的问题是:当角处理组件的css (通过styleUrls添加)时，它将这个属性添加
浏览 3提问于2016-08-16得票数 3
1回答
Angular Material无法在mwl- eventCalendar -week-view中更改日历宽度
angular、angular-material、angular-calendar
我正在使用Angular Calendar和显示日历事件，对于周视图，我想根据ts组件中的变量动态更改事件宽度，但我无法实现这一点。event.event)" </mwl-calendar-week-view>
我尝试向日历周元素添加一些样式属性，如style.width.我想要实现的与这个stackblitz项目的第16
浏览 7提问于2021-09-25得票数 0
1回答
Angular请求csv文件下载url，并强制下载
javascript、angularjs、csv、download
如何在点击一次按钮后从Angular内触发csv文件下载？我尝试了一些解决方案，它动态地添加一个锚标签，并在从http请求中获取csv文件内容后添加到它的href属性中。另外，当我们将csc内容附加到href属性时，我关心的是href允许多少内容的长度。
浏览 0提问于2017-01-24得票数 0
0回答
如何在运行时创建动态LOV
dynamic、oracle-adf、lov
如何在运行时在lov中创建动态属性？假设我有一个雇员lov，其中当前只有两个属性，如雇员id和雇员姓名。有没有人能给我一些建议来处理这种情况？
浏览 5提问于2017-06-19得票数 0
1回答
如何在自定义角度库中使用像工具提示这样的Bootstrap组件
angular、bootstrap-4
我想使用自定义角度库中的Bootstrap库组件，如工具提示。我阅读了Bootstrap工具提示的文档，它要求对angular.json文件进行以下更改 "styles": [ "node_modules/bootstrap/node_modules/bootstrap/dist/js/bootstrap.js"
] 但是在Angular自定
浏览 5提问于2020-06-16得票数 0
1回答
具有动态内容的angular通用更新元标签
javascript、angular、typescript、angular-universal
嘿，我有一个问题，我有一个博客页面，它引入了动态数据，我想用这些数据来填充元标记，例如，我正在做这样的事情 this.http.get(...)
.subscribe
浏览 3提问于2018-11-21得票数 3
2回答
如何在angular 8.0中创建动态div标签？
html、angular
如何在angular 8.0中创建动态div标签？ 我想克隆整个div标签，在该div标签中有多个组件，如文本框、选择框等。
浏览 27提问于2019-06-18得票数 1
回答已采纳
1回答
Angular2，添加站点范围的元素属性。
angular
我正在开发一个Angular2应用程序，使移动友好需要禁用自动完成，自动更正，自动大写，和拼写检查所有html输入。我不想为每一个输入手动添加这一点，我想要一个动态站点方法来实现。例如，在jQuery中，我们可以只做$('input').attr('autocomplete','off')
我如何在Angular2中完成同样的任务？在站点范围内获取任何输入并修改它们的属性？
浏览 3提问于2017-02-20得票数 0
回答已采纳
1回答
将双向绑定属性设置为主机元素Angular 4
angularjs、angular
有没有办法为Angular 4中的Host元素动态添加一个双向绑定(somemodel)属性？<my-comp></mycomp><my-comp [(somemodel)]="modelvalue" ></mycomp>
在运行时动态执行。我们知道@HostBinding不支持这一点，因为我们看到的最常见的例子是向host添加类或属性<
浏览 0提问于2017-10-20得票数 0
1回答
生成涉及角2中自定义HTML元素的动态标记
angular、components
我试图在组件中动态生成标记，其中要创建的标记涉及其他自定义组件。与…有关的东西：在myComponent.ts中 const el: HTMLElement = this.elementRef.nativeElementel.appendChild(b);}<span>test</span>
子<my-subc
浏览 3提问于2016-10-04得票数 3
回答已采纳
目前，我正在将我的应用程序从Angular JS升级到Angular 8。我希望使用ngFor动态呈现多个组件。但是在Angular中我们没有ng-include。因此，我尝试切换情况，但在未来可以添加新的组件。所以
浏览 0提问于2019-08-02得票数 0
1回答
角度-使用Render2动态地在角分量中设置属性指令
angular、typescript、angular-directive
我在我的应用程序中创建了一个组件，它充当输入标签的包装器(为了好玩，我正在创建自己的UI库)。我的组件会被这样使用。<sio-input [label]="'Sio Input Label'"></sio-input>
这样做的目的是动态添加CSS类和功能，这样开发人员就不必添加CSS类和功能。We Have Focus&#x
浏览 0提问于2019-06-05得票数 0
1回答
保护库组件不被使用者样式化的标准方法
css、angular、scope
我正在用Angular构建一个UI库，并且经常使用泛型类(如.slider或.form-control )指定元素的样式。Angular确实提供了限定作用域的类，因此如果我有这样的样式：然后在运行时，Angular对其进行了修改，以动态添加特定于组件的属性：因为该属性是动态
浏览 1提问于2019-08-29得票数 0
2回答
使用PropertyGrid的TypeDescriptor动态添加属性级属性
.net、propertygrid、typedescriptor
我想在网格中显示时动态添加属性(如Browsable(false))。场景是，我有一个带有一些公共属性的自定义类。但是，我不希望所有的公共属性都显示在UI中。有没有出路？但是，它只适用于类型级别，而不适用于属性级别。我找不到任何关于如何在属性级别使用它的帮助。
任何指针都将受到高度赞赏。
浏览 0提问于2009-08-19得票数 6
回答已采纳
1回答
如何在Angular 6中动态呈现组件和应用动态CSS
angular
我已经创建了指令，但如何在其中添加css样式。另外，尝试了数组对象，但在html中应用了css，但我想创建单个组件，其中我想要传递属性，如宽度，高度，边框，文本来动态呈现组件，如果想要创建更多组件，则只能在单个组件文件中更新。
浏览 2提问于2018-09-12得票数 1
1回答
CSS值不适用于Angular 4中动态注入的html div元素
javascript、jquery、html、css、angular
我有一个运行良好的Angular日历应用程序。没有任何错误。但我在这里面临的问题是CSS样式没有应用到页面上。
我单独实现了它，它工作得很好。但是当我将它包含在我的angular css中时，它就不起作用了。(我在这里面临的问题是我不知道如何引用包含内容的“div”)。
浏览 0提问于2017-09-25得票数 25
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
