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、很好的工具软件,可以解锁游...
重大发现辅助!心悦吉林麻将辅助... 重大发现辅助!心悦吉林麻将辅助透视挂,一品武汉麻将确实有外挂,原来揭秘有挂1、心悦吉林麻将破解器简单...
一分钟秒懂辅助!闲来宁夏麻将辅... 一分钟秒懂辅助!闲来宁夏麻将辅助透视挂,九剑封天确实有外挂,好像有挂方法1、操作简单,无需闲来宁夏麻...
玩家必备科普透视挂!心动碰胡辅... 玩家必备科普透视挂!心动碰胡辅助透视挂,欢乐赣游XF确实有外挂,其实有挂辅助心动碰胡透视方法中分为三...
推荐一款开挂!美猴王辅助透视挂... 推荐一款开挂!美猴王辅助透视挂,北极熊真的是有外挂,果然有挂分析1.美猴王 选牌创建新账号,点击进入...
据了解辅助!掌乐宝辅助透视挂,... 据了解辅助!掌乐宝辅助透视挂,天天爱滁州麻将确实有外挂,竟然有挂方针1、金币登录送、破产送、升级送、...
一分钟了解辅助!洛阳杠兹辅助透... 一分钟了解辅助!洛阳杠兹辅助透视挂,百乐麻将确实有外挂,切实有挂秘笈1)洛阳杠兹辅助插件:进一步探索...
热门推荐开挂!天天微友辅助透视... 热门推荐开挂!天天微友辅助透视挂,小闲巴渝棋牌真的是有外挂,一贯有挂解密1、很好的工具软件,可以解锁...
来一盘透视挂!新九五辅助透视挂... 来一盘透视挂!新九五辅助透视挂,逍遥湖北麻将真的是有外挂,竟然有挂分析1、实时新九五透视辅助更新:用...
现有说明如下辅助!小南娱乐辅助... 现有说明如下辅助!小南娱乐辅助透视挂,蜀州麻将海宁是有外挂,果然有挂教程1、打开软件启动之后找到中间...