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

相关内容

热门资讯

大神推荐辅助!新金龙辅助透视挂... 大神推荐辅助!新金龙辅助透视挂,中至汾阳麻将是有外挂,一直有挂详情1、完成新金龙有辅助插件,帮助玩家...
重大消息透视挂!8932co辅... 重大消息透视挂!8932co辅助透视挂,星乐麻将存在有外挂,确实有挂讲解1、全新机制【8932coa...
现有说明如下辅助!战皇大厅辅助... 现有说明如下辅助!战皇大厅辅助透视挂,掌乐麻将确实有外挂,原来有挂方略1、金币登录送、破产送、升级送...
玩家爆料辅助!新卡农大厅辅助透... 玩家爆料辅助!新卡农大厅辅助透视挂,吉米是真的有外挂,原来有挂方法1、该软件可以轻松地帮助玩家将新卡...
必备教程开挂!玉山打炸辅助透视... 必备教程开挂!玉山打炸辅助透视挂,金年会确实有外挂,切实竟然有挂亲,关键说明,玉山打炸透视脚本安卓赛...
今日公布透视挂!八戒大厅辅助透... 今日公布透视挂!八戒大厅辅助透视挂,大巴斗地主确实有外挂,切实有挂秘诀1、全新机制【大巴斗地主ai辅...
最新技巧辅助!牛犇互娱辅助透视... 最新技巧辅助!牛犇互娱辅助透视挂,湛江千分是有外挂,原来揭秘有挂1、让任何用户在无需牛犇互娱安装教程...
专业讨论开挂!新年快乐辅助透视... 专业讨论开挂!新年快乐辅助透视挂,奈曼麻将真的是有外挂,一直有挂实锤1、专业讨论开挂!新年快乐辅助透...
1.9分钟了解辅助!新娱乐联盟... 1.9分钟了解辅助!新娱乐联盟辅助透视挂,微竞朝阳麻将存在有外挂,果然有挂技巧1、新娱乐联盟脚本辅助...
一分钟快速了解开挂!爱玩联盟辅... 一分钟快速了解开挂!爱玩联盟辅助透视挂,新乐清麻将真的是有外挂,确实新版有挂一、新乐清麻将可以开透视...