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

相关内容

热门资讯

经调查!小程序怎么开挂&quo... 经调查!小程序怎么开挂"竟然是有辅助器"(哔哩哔哩)1、用户打开应用后不用登录就可以直接使用,点击小...
近期!战神辅助器下载"... 近期!战神辅助器下载"其实真的有辅助挂"(哔哩哔哩)1、战神辅助器下载免费脚本咨询教程、战神辅助器下...
教程辅助挂!全民比鸡脚本&qu... 教程辅助挂!全民比鸡脚本"本来存在有辅助挂"(哔哩哔哩)1)全民比鸡脚本有没有挂:进一步探索全民比鸡...
第三方辅助挂!好友赣南脚本插件... 第三方辅助挂!好友赣南脚本插件"一直真的有辅助挂"(哔哩哔哩)1、好友赣南脚本插件有没有辅助教程、好...
据权威媒体报道!微信小程序微乐... 据权威媒体报道!微信小程序微乐辅助器破解版"本来是真的有辅助脚本"(哔哩哔哩)1、任何微信小程序微乐...
今天上午!决战卡五星游戏辅助&... 今天上午!决战卡五星游戏辅助"好像是真的有辅助工具"(哔哩哔哩)1)决战卡五星游戏辅助免费钻石:进一...
一直以来!微乐小程序卡五星脚本... 一直以来!微乐小程序卡五星脚本"一贯真的有辅助工具"(哔哩哔哩)1、进入游戏-大厅左侧-新手福利-激...
随着!新星游辅助软件下载&qu... 随着!新星游辅助软件下载"本来是有辅助神器"(哔哩哔哩)1、在新星游辅助软件下载插件功能辅助器技巧中...
2026版技巧!西兵辅助器&q... 2026版技巧!西兵辅助器"总是存在有辅助脚本"(哔哩哔哩)1、起透看视 西兵辅助器辅助软件价格2、...
黑科技辅助挂!上饶打炸祈福&q... 黑科技辅助挂!上饶打炸祈福"都是是真的有辅助工具"(哔哩哔哩)运上饶打炸祈福辅助工具,进入游戏界面。...