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、德扑之星透视辅助...
重大通报!德普之星的辅助工具介... 重大通报!德普之星的辅助工具介绍,hhpoker怎么防作弊,果然是真的有挂(有挂详情)1、进入到是否...
此事备受玩家关注!wepoke... 此事备受玩家关注!wepoker破解器激活码,德扑软件,其实确实有挂(竟然有挂)1、用户打开应用后不...
揭秘一下!xpoker怎么作弊... 揭秘一下!xpoker怎么作弊,hhpoker可以开挂吗,总是真的是有挂(有挂秘诀)所有人都在同一条...
据玩家消息!aapoker俱乐... 据玩家消息!aapoker俱乐部靠谱吗,德普之星透视辅助软件是真的吗,一直确实有挂(有挂教程)1、让...
重大通报!hh poker辅助... 重大通报!hh poker辅助器先试用,wejoker辅助器怎么卖,真是真的有挂(真实有挂);1、在...
截至发稿!德普之星有透视辅助吗... 截至发稿!德普之星有透视辅助吗,德普辅助器怎么用,切实真的是有挂(有挂总结)1、每一步都需要思考,不...
玩家亲测!hhpoker为什么... 玩家亲测!hhpoker为什么一直输,hhpoker辅助器,总是真的是有挂(有挂教程)脚本下载中分为...
现场直击!hhpkoer辅助器... 现场直击!hhpkoer辅助器视频,德扑之星有辅助软件吗,其实真的有挂(有挂方法)1、德扑之星有辅助...
重大消息!pokemmo手机脚... 重大消息!pokemmo手机脚本,拱趴大菠萝辅助神器,一直真的有挂(有挂细节)1、不需要AI权限,帮...