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

相关内容

热门资讯

第7分钟开挂!浙江同城游辅助器... 第7分钟开挂!浙江同城游辅助器,新畅游互娱辅助app,切实教程-2026最新版本1、新畅游互娱辅助a...
截至目前!中至九江黑科技app... 截至目前!中至九江黑科技app怎么下载(辅助挂)其实真的有挂(有挂总结)-哔哩哔哩>>您好:软件加薇...
第六分钟开挂!拱趴大菠萝有辅助... 您好,拱趴大菠萝有辅助吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多...
截至目前!四川游戏家园破解(辅... 截至目前!四川游戏家园破解(辅助挂)原来真的有挂(有挂手筋)-哔哩哔哩>>您好:软件加薇136704...
在玩家背景下!拱趴大菠萝卦(辅... 在玩家背景下!拱趴大菠萝卦(辅助挂)一直真的有挂(有挂方案)-哔哩哔哩;无需打开直接搜索加(薇:13...
九分钟开挂!湛江吴川0759程... 九分钟开挂!湛江吴川0759程序,天天爱柳州辅助器,揭秘教程-2026最新版本1、玩家可以在天天爱柳...
据相关数据显示!熟客温州游戏辅... 据相关数据显示!熟客温州游戏辅助器(辅助挂)原来确实有挂(有挂资料)-哔哩哔哩;亲,熟客温州游戏辅助...
第十分钟开挂!衢州都莱有没有挂... 第十分钟开挂!衢州都莱有没有挂,道游互娱辅助,必胜教程-2026最新版本所有人都在同一条线上,像星星...
网友热议!皮皮跑子辅助(辅助挂... 皮皮跑子辅助是一款专注玩家量身打造的游戏记牌类型软件,在皮皮跑子辅助这款游戏中我们可以记录下每张牌的...
第九分钟开挂!丰城瓜瓜棋牌辅助... 第九分钟开挂!丰城瓜瓜棋牌辅助,永胜联盟辅助软件,2025版教程-2026最新版本进入游戏-大厅左侧...