Angular指令如何从NgModel或FormControlName中获取值
创始人
2024-10-30 23:00:16
0

在Angular中,可以通过使用@ViewChild装饰器来获取NgModel或FormControlName指令的值。下面是一个示例代码:

HTML模板:




组件类:

import { Component, ViewChild } from '@angular/core';
import { NgModel } from '@angular/forms';

@Component({
  selector: 'app-example',
  template: `
    
    
  `
})
export class ExampleComponent {
  myValue: string;

  @ViewChild('myInput', { static: false })
  ngModelDirective: NgModel;

  getValue() {
    console.log(this.ngModelDirective.value);
  }
}

在这个示例中,@ViewChild装饰器用于获取ngModel指令,并将其赋值给名为ngModelDirective的变量。然后,可以在getValue方法中访问ngModelDirective.value来获取指令的值。

注意:这个示例假设ExampleComponent已经导入了NgModel,并且FormsModule已经在AppModule中正确地导入。

相关内容

热门资讯

普及知识!爱游辅助app(辅助... 《普及知识!爱游辅助app(辅助挂)steampokermaster辅助(确实有挂)》 爱游辅助ap...
重大科普!老友广东插件软件(辅... 重大科普!老友广东插件软件(辅助挂)hhpoker是真的吗(好像有挂)是一款可以让一直输的玩家,快速...
玩家亲测!牵手辅助神器下载(辅... 玩家亲测!牵手辅助神器下载(辅助挂)竞技联盟透视(原生是真的有挂);牵手辅助神器下载最新软件透明挂直...
必备攻略!jj斗地主麻将外挂(... 必备攻略!jj斗地主麻将外挂(辅助挂)wepoker新号好一点吗(一直存在有挂);jj斗地主麻将外挂...
发现一款!微乐小程序辅助器代理... 发现一款!微乐小程序辅助器代理(辅助挂)wepoker怎么拿到好牌(起初真的有挂);1、很好的微乐小...
玩家攻略推荐!聚友联盟辅助器(... 玩家攻略推荐!聚友联盟辅助器(辅助挂)aapoker辅助插件工具(原先存在有挂);人气非常高,ai更...
重大推荐!奇迹掌趣辅助(辅助挂... 重大推荐!奇迹掌趣辅助(辅助挂)wpk有作弊吗(总是真的有挂);奇迹掌趣辅助是一款益智类棋牌手游,可...
热点推荐!多乐跑得快私人房间作... 热点推荐!多乐跑得快私人房间作弊视频(辅助挂)约局吧德州可以透视吗(好像真的有挂);1、许多玩家不知...
实测揭晓!福州十八扑破解(辅助... 【福星临门,好运相随】;实测揭晓!福州十八扑破解(辅助挂)wepoker轻量版辅助(素来真的有挂);...
推荐十款!四川家园茶馆辅助(辅... 推荐十款!四川家园茶馆辅助(辅助挂)hhpoker德州挂真的有吗(总是真的是有挂);亲,有的,ai轻...