Angular 4-需要显示从指令到父组件的错误消息
Angular 4是一种流行的前端开发框架，用于构建单页应用程序。它基于TypeScript编程语言，提供了丰富的工具和功能，使开发人员能够快速构建高性能的Web应用程序。
在Angular 4中，要显示从指令到父组件的错误消息，可以通过以下步骤实现：
- 在指令中定义一个错误消息的属性，例如errorMessage。
@Input() errorMessage: string;- 在父组件中使用指令，并将错误消息属性绑定到一个变量。
<app-custom-directive [errorMessage]="errorMsg"></app-custom-directive>- 在指令的模板中，使用ngIf指令根据错误消息的有无来显示或隐藏错误消息。
<div *ngIf="errorMessage">{{ errorMessage }}</div>这样，当指令中的错误消息发生变化时，父组件中的errorMsg变量也会相应地更新，从而触发错误消息的显示或隐藏。
对于Angular 4的错误消息显示，可以使用腾讯云的云开发服务来实现。腾讯云云开发提供了一套完整的云端开发解决方案，包括云函数、数据库、存储、托管等功能，可以帮助开发人员快速构建和部署应用程序。
推荐的腾讯云相关产品是云开发（Tencent Cloud Base），它提供了丰富的后端服务和工具，可以与Angular 4无缝集成。您可以通过以下链接了解更多关于腾讯云云开发的信息：
相关·内容
0回答
Angular 4-需要显示从指令到父组件的错误消息
angular、directive、renderer、eventemitter
每个字段都使用数字格式(逗号分隔值)进行验证，不接受字段中的字符。我有一个问题，在onkeyup事件中，我们正在检查用户输入数字和逗号，我需要在keyup事件上显示一条消息"Ok - Press the TAB key to recalculate“。它正在验证，但无法在组件上显示消息。我们可以再增加一个选择器吗？或任何其他解决方案？=============
import { Directive, ElementRef, HostListener, I
浏览 1提问于2018-07-13得票数 0
回答已采纳
2回答
如何将可观察性从角度底板传递到父组件
angular、angular-material
我需要将数据从angular material bottomsheet传递到它的父组件。就像我们在angular material对话框组件中有[mat-dialog-close]指令一样，我们可以像https://material.angular.io/components/dialog/api#MatDialogClose中提到的</em
浏览 32提问于2020-08-17得票数 1
回答已采纳
1回答
在父组件中使用Angular 1.x子指令调用方法
angularjs、angularjs-directive、angular-components
我有一个由几个嵌套组件组成的Angular 1.5系统。我现在需要使用一个指令(这需要是一个属性)，它将被嵌入到一个组件中。
如何从子指令调用父组件中的函数？以某种方式公开父组件中的方法以致于子指令中的事件可以调用它的正确语法是什么？
浏览 1提问于2017-02-22得票数 1
1回答
如何在父组件angular2中注册子组件
angular
我是angular2的新手。在父组件中注册子组件时，我面临问题。AppComponent --父组件EXCEPTION说我们需要使用指令:HeaderComponent，但是它提供了错误的异常:在HeaderComponent上没有发现任何指令注释import {Component}
浏览 1提问于2016-04-06得票数 0
回答已采纳
1回答
将html附加到车身上
javascript、jquery、twitter-bootstrap、angular、angular-cli
我已经开发了一个角cli项目，并得到了许多形式的验证。当应用程序根显示时，我需要将表单验证消息附加到它的外部。我目前的实现如下。-- other html content goes here...... -->我只需要在html中显示错误消息，如下所示。验证-msg是一个具有简单模板的组件。该内容必须附加到应用程序根目录
浏览 3提问于2017-09-06得票数 1
1回答
如何在特定输入标记下子组件angular4中传递和显示来自服务的验证错误
angular、validation
我正在使用Angular 4 reactive表单，并创建了一个指令(分别称为父输入和子输入)来显示每个输入字段下面的错误。如果有人写入并删除内容，错误将显示在该字段下面(创建了一个新的div元素)，但现在我希望在提交表单时显示父组件和子组件中的错误(提交按钮在父类中)
浏览 10提问于2018-12-29得票数 0
2回答
AngularJS组件等效组件需要角度组件中的属性
angularjs、angular、angular-upgrade
我正在升级一个大型的Angular 1.6应用程序，我们有许多组件使用'require‘来访问父组件的控制器。AngularJS组件如下所示： template: '<ignore>', require: {
formsCtrl: '^
浏览 3提问于2018-11-30得票数 2
1回答
嵌套模板表单，带自定义表单组件，无ControlContainer提供程序
angular、forms、dependency-injection
我意识到关于这个问题还有其他问题，但我的情况有点不同。
我们的架构团队，以他们无限的智慧，决定将NgForms抽象为一个自定义组件。我最近遇到的问题是，试图使用NgModelGroup指令会导致Angular报错"No provider for ControlContainer“。，Angular遇到麻烦是有道理的，因为NgModelGroup指令试图在父对象中查找Con
浏览 0提问于2018-08-13得票数 1
2回答
我想创建一个具有多个组件的反应性表单，并希望验证所有必填字段时，用户点击提交按钮
angular、angular-material、angular-reactive-forms、angular-material-8
我想创建一个具有多个子组件的角度反应形式。 我想在一次验证父和子窗体组件(当用户单击提交按钮)。在我当前的场景中，我只能在父窗体中显示错误消息，而不能在子组件中显示错误消息，除非我在子组件中触摸子组件。下面是stackblitz编辑器链接--> https://stackblitz.com/e
浏览 18提问于2019-09-20得票数 0
1回答
在Angular 2最终版本中如何使用嵌套组件
angular、angular2-forms、angular2-components
在以前的RC版本中，我们使用指令标记来使用嵌套组件。但在angular 2的最终版本中，他们从组件中删除了指令标记。现在，如果我想把一个组件放到另一个组件中，我应该怎么做？我看过一些帖子，其中你创建了一个模块来对组件进行分组，然后将该模块导入到应用程序模块中。但这是正确的方法吗?？
请举例说明
浏览 0提问于2016-10-20得票数 0
1回答
错误: ExpressionChangedAfterItHasBeenCheckedError：
angular、typescript
我被这个错误弄糊涂了，我有ExpressionChangedAfterItHasBeenCheckedError错误，我试图理解ngAfterContentInit，但我不确定如何在我的情况下使用它，如果有人能让我知道为什么会发生这个问题
浏览 0提问于2018-04-08得票数 0
1回答
NG2-不与angularjs2 webpack合作的图表
angular、webpack、ng2-charts
我试着用NG2-图表和angularjs 2：import { Component } from '@angular/core';import { ChartsModule } from 'ng2-charts/ng2-charts'; <canvas baseChartchartClicked($event)">
浏览 0提问于2016-10-18得票数 1
回答已采纳
2回答
如何从Angular中的辅管线零部件访问主零部件特性？
javascript、angular、routes、parent-child
我是Angular的新手，我被困在那里了。我知道如何通过向子选择器<>注入parentData="var“来在父组件和子组件之间共享数据。但是在使用路由时，我只有一个路由器插座，不能将parentData绑定到它，因为它抛出了一个错误。该项目在上。我需要在子组件中显示子组件中
浏览 2提问于2018-02-27得票数 9
回答已采纳
1回答
当令牌可以是多个值时，通过Injector.get()获取父组件
angular、angular2-injection
我想做的是：
在查看angular.io文档时，我发现可以使用"Injector“来获取构造函数中的父组件
constructor(private el: ElementRef, private据我所知，我应该用
浏览 0提问于2016-10-11得票数 5
回答已采纳
1回答
Angular 4：<router-outlet>内的自定义属性指令未执行
angular、angular-routing、angular-directive、angular-components、angular-component-router
我目前正在尝试为我的Angular 4 (v 4.2.6)应用程序创建一个基于组件路由的自定义属性指令。关于如何创建这样的属性指令，我遵循了。不幸的是，当与插入到router-outlet中的组件中的@angular/router结合使用时，它不起作用( attribute指令没有执行)。
为了将问题从我的</
浏览 20提问于2017-07-11得票数 3
回答已采纳
3回答
angularJS 1.5嵌套组件
angularjs、binding、nested、components
我正在尝试构建一个具有angularjs组件的父视图(带有控制器)。父视图通过双向绑定将数据传递给组件(它是Web的结果，因此数据是JSON对象)。数据的一部分再次从组件传递到另一个嵌套组件。现在，当我用文本字段更改嵌套组件中的数据时，会出现以下异常: angular.js:13424错误：$compile:nonassign表
浏览 8提问于2016-06-09得票数 0
回答已采纳
1回答
在不使用克隆的情况下使用转置时的奇怪行为
javascript、angularjs、directive、angularjs-ng-transclude
在尝试转换时，我想看看被转换的指令，它需要某个父指令控制器，在被转换到所需的父指令下后，是否能够找到它。我使用的指令如下:有一个ParentOfParent指令，它有transclude:true。有一个嵌入到ParentOfParent指令模板中的指令父指令有一个需要<em
浏览 4提问于2015-08-01得票数 0
2回答
Angular2中嵌套多个组件间的通信
javascript、angular、typescript、components
我正在做一个嵌套多个组件的Angular2项目。我设法将一些数据从直接子组件发送到直接父组件。但是在3个嵌套组件的情况下，我如何更改或发送数据到多个父组件？
例如，在下图中，1号是消息中心组件。第二个是消息列表组件，它是通过选择器<消息列表邮件“messageList=”>
浏览 0提问于2018-07-05得票数 0
2回答
角度布线注意事项
angular、ionic-framework、ionic4
我对angular routing有一些考虑，我想知道它们是否都是正确的。1)在浏览器栏中输入URL3)要在父组件类(在本例中为app.component.tsrouterLink和导航方法
浏览 3提问于2019-09-09得票数 0
2回答
scope inside指令在AngularJS中的作用是什么
angularjs
我正在学习angular，我来自jQuery背景，面临着抓住angular的难题。因此，我经常在理解angular代码中的许多东西时遇到困难。刚刚看了下面的代码，我不明白下面的指令中的作用域是做什么的？
但是如果我从下面的指令中删除作用域，那么什么将不起作用？所以如果可能的话，请用一个例子帮助我理解作用域的用法和它的重要性。
浏览 1提问于2016-04-10得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
