不允许在registerForm angular8中使用“@”
在registerForm angular8中不允许使用“@”符号的原因是，该符号在Angular中具有特殊含义，用于定义装饰器。装饰器是一种特殊的函数，用于修改类、方法、属性或参数的行为。
在Angular中，装饰器通常用于添加元数据、注入依赖、定义路由等。常见的装饰器包括@Component、@Directive、@Injectable、@Input、@Output等。
如果在registerForm angular8中使用“@”符号，会被解析为装饰器语法，而不是普通的字符。这可能导致语法错误或意外的行为。
为了避免使用“@”符号，可以考虑使用其他字符或符号来代替，或者使用转义字符“\”来表示“@”符号。例如，可以将“@”替换为“at”或“＠”。
以下是一个示例代码，展示了如何在registerForm angular8中避免使用“@”符号：
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-registerForm',
templateUrl: './register-form.component.html',
styleUrls: ['./register-form.component.css']
})
export class RegisterFormComponent implements OnInit {
// Component properties and methods
}在上述示例中，我们使用了import { Component, OnInit } from '@angular/core';语句导入了Component和OnInit装饰器，并在@Component装饰器中使用了selector、templateUrl和styleUrls属性来定义组件的元数据。
请注意，上述示例中的代码仅用于演示目的，实际情况下可能需要根据具体需求进行修改和扩展。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
如何从课堂上以角度装饰构件？
javascript、angular、typescript、angular-components、angular-decorator
我想在angular4应用程序中从类中更改组件的装饰器。
就像这样：
import { Component, OnInit } from '@angular/core';
import { BooksService } from './../books.service';
@Component({
selector: 'users',
templateUrl: this.template,
styleUrls: ['./users.component.css']
})
export class UsersCompo
浏览 9提问于2017-05-17得票数 1
回答已采纳
2回答
在@Output事件角6中获取事件对象代替值
javascript、angular6
你能帮我解决这个问题吗？在从子对象发送输出事件并侦听其父事件时，我将获取事件对象而不是值。
这是我的密码
app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComp
浏览 1提问于2018-08-18得票数 1
1回答
角度4延伸基础零部件
angular、typescript
我有一个基础组件，它由它的孩子扩展，但当我们在Angular中使用angular-cli创建一个新的组件时，它会创建html和css文件，但我不会从基础组件使用这些文件。
有没有办法在没有html和css的情况下创建一个基础组件？
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-base',
templateUrl: './base.component.html', //I dont need this
sty
浏览 0提问于2018-03-16得票数 18
回答已采纳
6回答
@Input()在Angular中用来做什么？
angular、typescript
我正在研究angular.io上的教程，然后我注意到了@Input装饰器属性：
// src/app/hero-detail/hero-detail.component.ts
import { Component, OnInit, Input } from '@angular/core';
import { Hero } from '../hero';
@Component({
selector: 'app-hero-detail',
templateUrl: './hero-detail.component.html'
浏览 0提问于2017-08-18得票数 63
import { Component, Input, OnInit } from '@angular/core';
import { FormGroup, AbstractControl } from '@angular/forms';
import { FamilleCouple } from 'src/app/FamilleCouple';
@Component({
selector: 'app-marie',
templateUrl: './marie.component.html',
styl
浏览 3提问于2022-04-07得票数 1
3回答
教程中角分量的故障
angular、typescript、angular-cli、angular-components、angular7
我在读曼宁的“行动中的角度”。第二章告诉我如何编写我的第一个组件，但是这个例子已经过时了。我想不出怎么更新它。我使用的是角CLI版本7.1.3。
角CLI生成以下内容：
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-summary',
templateUrl: './summary.component.html',
styleUrls: ['./summary.component.scss']
}
浏览 0提问于2018-12-28得票数 1
回答已采纳
1回答
在app组件中提交按钮，并在另一个组件中输入。如何在“提交”按钮上验证我的表单？
javascript、angular
我的表单在app组件中，我的字段来自标记名为app-check-form-validation.的另一个组件。如何使用模板和反应性方法验证我的表单提交。请帮帮忙
Home.component.html
<form class="form-horizontal" [formGroup]="registerForm"
(ngSubmit)="onSubmit()">
<div class="form-group">
<div class="col-sm-12"
浏览 1提问于2018-09-04得票数 0
1回答
将参数从ts文件发送到另一个@Input组件
javascript、angular
我想有一个注册表格，并有一个对话框，当用户按下提交按钮。我创建了两个组件: RegisterComponent和DialogComponent。
我的对话框很简单：
@Component({
selector: 'app-dialog',
templateUrl: './dialog.component.html',
styleUrls: ['./dialog.component.sass'],
})
export class DialogComponent implements OnInit {
constructor(publ
浏览 1提问于2020-06-23得票数 0
回答已采纳
1回答
角度应用中从输入分量传递到按钮元件的值
angular、typescript、angular-cli、angular-components
我试图弄清楚如何将值从一个角分量传递到另一个my-input.component和my-button.component
我正在尝试从my-input.component.ts接收@Input('name')，并在my-button.component.ts中用按钮(click)="displayReceivedValue()"显示my-button.component.html
import { Component, Input, OnInit } from '@angular/core';
import { MyInput } from &#
浏览 3提问于2021-04-05得票数 0
回答已采纳
2回答
如何使用Angular检索firebase数据库内容的所有id？
html、css、angular、typescript
我正在尝试检索所有firebase数据库内容及其ID。目前，我有两个函数，getAll()和get(input)，它们返回一个具有给定ID的特定产品。我当前的实现提供了firebase数据库中没有ID的所有对象。我需要做哪些更改才能获取所有对象的ID？
product.service.ts
import { Injectable } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import { Product } from './
浏览 2提问于2020-05-30得票数 0
4回答
无法使用typescript将新组件添加到我的angular 2应用程序
angular、typescript、atom-editor、angular-components
我使用Angular 2CLI，并用ng generate component MyComponent创建了组件"MyComponent“。据我所知，我必须将该组件添加到@Component装饰器的指令键-值对中，但此时typescript编译失败，原因如下：
ERROR in [default] /Users/Philip/Desktop/Angular2/src/app/app.component.ts:8:2
Argument of type '{ selector: string; template: any; styles: any[]; directives: t
浏览 49提问于2016-09-16得票数 18
回答已采纳
1回答
标题和Meta标签在Angular Universal App中的View Page Souce上不可见
angular、seo、angular-services、angular-universal、angular-seo
我的问题类似于，除了我没有得到任何错误。我添加的标题在选项卡上是可见的，并且当我检查页面时可以看到meta标签。但是在视图页面源代码中，标题和meta标签都不可见。如何使它们在View Page Source上也可见？
我已经预先渲染了我的网站。
我正在使用的代码：
import { Component, OnInit } from '@angular/core';
import { Meta, Title } from '@angular/platform-browser';
import { Router } from '@angular/route
浏览 4提问于2021-06-18得票数 0
1回答
复合组件:如何将信息传递给父组件
angular、typescript
我正在尝试为angular编写一个带有标记组件的地图组件。
<app-map>
<app-marker
*ngFor="let device of (devices$ | async)"
[position]="device.position"></app-marker>
</app-map>
我希望标记组件能够通知地图组件任何新位置。
import { Component, OnInit, Input, Output } from '@angular/core';
@Co
浏览 0提问于2019-02-06得票数 0
4回答
角-如何与所有组件共享app变量
angular
我正在制作一个小型的应用程序，上面有Angular7和背面的AppComponent，我要做的是订阅一个服务，然后从我的主AppComponent中将返回的数据保存到一个对象类型变量中，然后在我的所有其他组件中访问这个变量。
Api服务
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class ApiService
浏览 0提问于2019-03-16得票数 5
回答已采纳
1回答
两个角度分量之间的变化检测
angular
我有两个组件-导航(显示主题列表)和视频列表(显示所选的)。
我所要做的就是，当我点击一些导航元素时，视频列表的标题就会改变。
navigation.component.ts
import { Component, OnInit } from '@angular/core';
import {DataService} from "../../../services/data.service";
@Component({
selector: 'app-navigation',
templateUrl: './navigation.
浏览 1提问于2017-01-22得票数 1
3回答
Angular2 RC6升级
angular、angular2-upgrade
将我的项目更新到RC6后，出现以下错误：
Error: Typescript found the following errors:
app.component.ts (12, 3): Argument of type '{ moduleId: string; selector: string; templateUrl: string; styleUrls: string[]; directives: (type...' is not assignable to parameter of type 'ComponentMetadataType'.
Obj
浏览 3提问于2016-09-02得票数 8
回答已采纳
1回答
错误不能绑定*ngFor
html、angular、typescript、visual-studio-code、angular9
我是一个角度初学者，我正在尝试创建一个看起来像CapitalistAdventure的应用程序。但我有一个错误，我无法解决，并希望得到一些帮助，请。首先是我的应用程序的外观：
错误位于app.component.html上，它说：
不能绑定到“产品”，因为它不是“应用产品”的已知属性。1.如果“app-product”是一个角度部件，并且有“product”输入，则验证它是否是该模块的一部分。2.如果'app-product‘是一个Web组件，则在该组件的'@NgModule.schemas’中添加‘@NgModule.schemas’以抑制此消息。3.若要允许任何属性添
浏览 2提问于2020-04-08得票数 0
回答已采纳
1回答
Angular 5动画问题
angular、angular-animations
我是一个新的角度动画，目前遵循角度指南“进入和离开”部分。
目前我有类似的东西
<section
class="row justify-content-center mb-2 mb-md-4"
*ngFor="let site of sites"
[@flyInOut]="site.state"
>
...repeatable content
</section>
和在组件中
import { Component, OnInit } from '@angular/core';
import
浏览 0提问于2018-04-01得票数 0
2回答
如何在angular 4中将属性从一个组件绑定到App.Component？
javascript、angular、typescript
test.component.html
<input type="text" name="fname" [(ngModel)]="user">
<button
class="btn btn-primary">Update Server</button>
test.component.ts
import { Component, OnInit } from '@angular/core';
import { Input } from '@angular/core';
浏览 0提问于2018-02-20得票数 0
1回答
我使用ngDoCheck来立即获得我的会话存储值，但是当我在不同的组件中第二次使用它时，它会使我的应用程序变得非常慢并且不可用。有没有办法控制它。这只是我代码的一个例子。 header.component.ts import { Component, OnInit } from '@angular/core';
import { Router } from "@angular/router";
@Component({
selector: 'app-header',
templateUrl: './header.compon
浏览 41提问于2021-06-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
