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、任何微乐游...
有了最新消息!微信小程序十三张... 有了最新消息!微信小程序十三张脚本,浙江游戏大厅脚本修改(透视)技巧-一直真的是有挂浙江游戏大厅脚本...
据了解!泉州相约十三水辅助,樱... 据了解!泉州相约十三水辅助,樱花之盛辅助软件下载(透视)app-本来是有挂亲,关键说明,樱花之盛辅助...
推出新举措!潮汕掌上娱透视怎么... 您好,潮汕掌上娱透视怎么买这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
此事迅速冲上热搜!杭州都莱到底... 此事迅速冲上热搜!杭州都莱到底有没有挂,新九九辅助(透视)工具-确实有挂1、游戏颠覆性的策略玩法,独...
近日!小程序牵手跑得辅助,传送... 近日!小程序牵手跑得辅助,传送屋高仿版辅助(透视)神器-本来是真的挂暗藏猫腻,小编详细说明小程序牵手...
有消息称!雀神广东智能插件价格... 有消息称!雀神广东智能插件价格,闲逸辅助软件(透视)软件-切实是有挂1)雀神广东智能插件价格有没有挂...