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中正确地导入。

相关内容

热门资讯

技术分享!天天微友助手破解版,... 技术分享!天天微友助手破解版,哥哥打大a脚本,详细方法(有挂实锤)暗藏猫腻,小编详细说明天天微友助手...
新手必备!湖北卡五星辅助软件,... 新手必备!湖北卡五星辅助软件,天天微友辅助,详细挂(有挂规律)1、湖北卡五星辅助软件公共底牌简单,湖...
专业讨论!微信小程序加速脚本,... 专业讨论!微信小程序加速脚本,江西中指黑科技辅助软件,详细教程(有挂方法)1、上手简单,内置详细流程...
热点推荐!欢乐游戏城攻略,闲逸... 热点推荐!欢乐游戏城攻略,闲逸辅助软件下载苹果,详细挂(有挂工具)闲逸辅助软件下载苹果是不是有人用挂...
我来分享!微信呢小程序辅助器,... 我来分享!微信呢小程序辅助器,抚州辅助器中至小程序,详细脚本(有挂助手)我来分享!微信呢小程序辅助器...
推荐几款新版!荆州晃晃麻将圣盛... 推荐几款新版!荆州晃晃麻将圣盛辅助,微乐小程序辅助收费,详细工具(有人有挂)荆州晃晃麻将圣盛辅助破解...
重大来袭!广西老友玩友破解,科... 重大来袭!广西老友玩友破解,科米台州麻将辅助,详细攻略(有挂总结)暗藏猫腻,小编详细说明科米台州麻将...
科技分享!山西扣点子的技巧,广... 科技分享!山西扣点子的技巧,广东雀神麻雀控制器,详细app(有挂教学)1、广东雀神麻雀控制器免费脚本...
重大消息!人海大厅软件辅助,老... 重大消息!人海大厅软件辅助,老k游戏辅助器,详细插件(有挂教程)1、下载好人海大厅软件辅助正确养号方...
安装程序教程!奇迹陕西靖边打锅... 安装程序教程!奇迹陕西靖边打锅子辅助,九游破解辅助插件教程,详细app(有挂细节)1、奇迹陕西靖边打...