如何将通用HTML传递给Angular 2组件？
通用HTML传递给Angular 2组件的方法是通过使用Angular的属性绑定机制。属性绑定允许将数据从父组件传递给子组件，并在子组件中使用这些数据。
要将通用HTML传递给Angular 2组件，可以按照以下步骤进行操作：
- 在父组件中，创建一个属性来保存通用HTML的内容。例如，可以在父组件的类中定义一个名为
htmlContent的属性，并将通用HTML赋值给它。 - 在父组件的模板中，使用属性绑定将
htmlContent属性的值传递给子组件。例如，可以在父组件的模板中使用以下代码将htmlContent传递给子组件： - 在父组件的模板中，使用属性绑定将
htmlContent属性的值传递给子组件。例如，可以在父组件的模板中使用以下代码将htmlContent传递给子组件： - 在子组件中，使用
@Input()装饰器来接收父组件传递的通用HTML内容。在子组件的类中，可以定义一个名为content的属性，并使用@Input()装饰器将其标记为可接收输入的属性。 - 在子组件中，使用
@Input()装饰器来接收父组件传递的通用HTML内容。在子组件的类中，可以定义一个名为content的属性，并使用@Input()装饰器将其标记为可接收输入的属性。 - 在子组件的模板中，使用
[innerHTML]指令将接收到的通用HTML内容渲染到页面上。通过使用[innerHTML]指令，Angular会将content属性的值作为HTML解析并渲染到<div>元素中。
这样，通用HTML就可以通过属性绑定的方式传递给Angular 2组件，并在子组件中进行渲染。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
相关·内容
1回答
如何将通用HTML传递给Angular 2组件？
javascript、angular
我想做一个通用的模态组件，可以容纳任何东西，从文本到图像/按钮等等。header"></div> <div class="footer"></div>我不能真正地将HTML如何创建一个组件，使父组件可以传入它想要的任何H
浏览 2提问于2016-08-23得票数 5
回答已采纳
1回答
从mvc模型绑定到angular2组件( mvc项目中的组件)
asp.net-mvc、angular、model-binding
我需要一些帮助，了解如何将模型数据从mvc应用程序传递到运行在mvc中的angular2组件。假设我有一个包含组件的cs.html文件这将加载angular2组件。我需要生成一些绑定，以使mvc模型与我的angular2模型保持完整。);我想把这个模型传递给我的<em
浏览 0提问于2016-11-14得票数 0
1回答
引导时如何将对象分配给组件？
dart、angular
我是angular2的新手。我想知道当组件在main.dart中引导()时，如何将对象引用传递给它们？在本例中，我希望将EventBus对象实例传递给每个组件。import 'package:angular2/bootstrap.dart';importboo
浏览 2提问于2016-03-09得票数 0
回答已采纳
2回答
将数据传递给angular 6中的不同组件
javascript、angular
我正在使用angular 6构建我的web应用程序。我有一些通用的组件，这些组件在所有路线上都是通用的。例如，我有一个在所有路由上通用的过滤器组件。PFB my angular的应用程序结构: App.component.html：
<filter (messageToDash)="receiveMessage($event)"></filter>PFB是dash.componen
浏览 5提问于2018-09-06得票数 0
1回答
如何在AngularJs中将数据从父组件发送到子组件
javascript、angularjs
问题是，当您有一个组件的层次结构时，如何将数据从父组件传递给子组件，以便子组件能够在其作用域(或其他变量中)访问该数据？.component('dependency', { }]
// t
浏览 1提问于2017-03-05得票数 4
回答已采纳
4回答
角8如何在不同动作的父组件中多次使用组件
angular、angular2-routing、angular8
我有一个组件，可以在具有不同操作的父组件中多次使用。如何将组件单击事件传递给父级。可以多次使用的组件： selector: 'my-card'my-card in parent component is type 1 do some thing
&#
浏览 0提问于2020-02-04得票数 2
回答已采纳
1回答
如何在角2中将值从子部件传递给父组件？
html、angular
我需要从子组件中获取数据。我的子组件有以popu表示的表单。如何将全部详细信息传递给父组件。我的父组件ts文件是import {MdDialog, MdDialogRef} from/vehicle-relocate.component.html',
styleUrls: ['
浏览 2提问于2017-04-27得票数 2
回答已采纳
1回答
如何使角2拾取动态添加routerLink指令
angular、typescript、angular2-routing、angular2-directives
正如在中所看到的，我动态地将一个HTML添加到我的一个元素中，这可以归结为： selector: 'my-comp', }这将导致将<a routerLink="/my-route">GoTo Route</a>添加到DOM中，但是Angular问题：如何通过DOM
浏览 4提问于2016-09-07得票数 9
回答已采纳
1回答
角:将输入值传递给组件
html、angular、typescript
我希望将此输入的值影响到组件中的变量'numToAdd'，然后将1添加到变量'numToAdd‘，但不能将html输入的值传递给组件变量'numToAdd’。如何将我的html输入绑定到组件中的变量？我的html代码我的组件
import { Component, OnInit } f
浏览 5提问于2020-08-27得票数 1
回答已采纳
2回答
如何将@Input中的变量传递给Angular2 component>中的服务
javascript、angular、typescript
我的问题是:如何将@Input中的变量传递给Angular2组件中的服务？(代码已简化)import { Component, Input } from '@angular/core'; styleUrls: ['.this.text = textId
浏览 3提问于2017-01-31得票数 4
回答已采纳
1回答
angularjs2中的自定义子组件
angular2-template、angular2-forms、angular2-components
我目前正在开发angular2应用程序。我想知道如何向自定义组件添加html属性。
例如，让我们假设我有自定义下拉组件，并且在许多地方重复使用相同的页面。如果我在组件模板上添加多个元素，它将显示所有下拉列表的多重选择。如果我将每个组件分别添加到我使用的位置，那么它就不理解“多重”属性。
浏览 1提问于2017-12-08得票数 1
回答已采纳
3回答
Ionic 4将属性传递给自定义组件
ionic-framework、ionic4、angular8
我已经编写了一个自定义组件来处理我的离子标题，因为我每页只需要更改标题即可。但是，标题没有显示，因为组件似乎没有从应用程序页面获取属性。组件模板 <ion-toolbar color="primary"> <ion-menu-button></ion-menu-button><
浏览 39提问于2019-08-10得票数 1
回答已采纳
1回答
将服务从路由传递给组件的角度4
javascript、angular、typescript
我有一个从API获取一些数据的服务，还有一个应该显示它的组件。我不知道如何将服务作为参数传递给组件。任何帮助都将受到深切的感谢。这是我做得最好的： Component,} from '@angular/core';
})
export class HomeComponent implements
浏览 2提问于2017-05-22得票数 2
回答已采纳
2回答
如何在Angularjs模板中访问常量
angularjs、global-variables、constants
如何将通用js文件中定义的常量访问到不同模块的模板中。如果我在包含在主html文件开头的MainModule.js中定义了如下常量> myApp.constant('timeoutValue',5);
通过将"timeoutValue“传递给它，我能够访问我controller.js中的常量。但是我无法在我的template.html
浏览 1提问于2014-06-21得票数 3
4回答
如何在角度2中将物体从一个组件传递到另一个组件？
angular、angular2-directives
它们应该共享相同的模型对象，该模型在第一个组件中初始化。如何将该模型传递给第二个组件？
浏览 2提问于2015-12-04得票数 82
回答已采纳
1回答
angular应用的selenium自动化(java)
java、angular、selenium、automation
我们正在使用selenium (java)来测试我们的web angular应用程序。我们不想使用x-path，而是使用唯一的ids。在我们的angular应用程序中，我们使用了在一些地方被重用的通用组件。这会导致此通用组件的模板上的ids不是唯一的。我们想将唯一的id作为输入传递给泛型组件，但我们不想仅仅因为自动化而添加不必要的代码。
我们是不是错过了什么？除了输入之外，还有其他解决方案来解决这个问题吗？
浏览 8提问于2019-03-25得票数 0
2回答
angular2组件如何声明所需的入站属性？
typescript、angular
作为主题，我正在用Angular2构建一个通用的网格组件，并且需要网格的id属性。export class GridComponent {
您知道我如何将id属性声明为必需的属性吗？
浏览 5提问于2016-05-24得票数 1
回答已采纳
1回答
Angular 2通用存储全局变量
angular、angular-universal
我正在尝试将我的AngularJS应用程序转换为Angular 2Universal应用程序(因为服务器端渲染)。现在我需要存储全局变量，这在正常的Angular 2应用程序中很容易实现(根据下面的链接)。要在正常的angular 2 App中实现这一点，你需要做的一件事就是将你的全局服务传递给bootstrap。
我不认为你可以在Angular 2通用应用中做到这一点，除非我遗漏了什么。另外，这需要在不制作父子<e
浏览 1提问于2016-09-18得票数 2
回答已采纳
1回答
无法将数组传递给从@Input获取数据的chart.js
angular、chart.js、mdbootstrap
我试图了解如何将数据从父组件传递给子组件。 public c
浏览 0提问于2019-06-12得票数 3
回答已采纳
3回答
在输入值发生变化时更新ngFor
angular、angular2-template、ngfor
我正在尝试更好地理解Angular 2，我收到了来自endpoint的人员列表，并且该列表会定期更改。人员组件： selector: 'people-display',}) @Input() people: string[];与会者<e
浏览 2提问于2017-05-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
