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

相关内容

热门资讯

透明有挂!宝宝浙江游戏真的有辅... 透明有挂!宝宝浙江游戏真的有辅助嘛,hhpoker免费辅助器(辅助挂)详细开挂辅助插件;无需打开直接...
透明挂透视!随意玩透视辅助,w... 您好:wepoker辅助分析器这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
透视透明挂!全游大厅拼十辅助,... 透视透明挂!全游大厅拼十辅助,菠萝辅助器免费版的功能介绍(辅助挂)详细开挂辅助工具;无需打开直接搜索...
透明教程!微信小程序牵手跑得快... 透明教程!微信小程序牵手跑得快脚本,fishpoker透视底牌(辅助挂)详细开挂辅助器这是一款可以让...
透明插件!随意玩怎么创建聚乐部... 透明插件!随意玩怎么创建聚乐部,wpk官网下载链接(辅助挂)详细开挂辅助平台您好:随意玩怎么创建聚乐...
透视脚本!温州茶苑安卓手机版辅... >>您好:温州茶苑安卓手机版辅助器确实是有挂的,很多玩家在这款温州茶苑安卓手机版辅助器游戏中打牌都会...
辅助透视!圣盛鄂州晃晃辅助器,... 辅助透视!圣盛鄂州晃晃辅助器,德扑圈有透视吗(辅助挂)详细开挂辅助器;无需打开直接搜索加薇13670...
透视游戏!八闽状元郎app破解... 大家好,今天小编来为大家解答八闽状元郎app破解版辅助这个问题咨询软件客服可以免费测试直接加微信(1...
透明辅助!中至上饶棋牌真的有挂... 透明辅助!中至上饶棋牌真的有挂透视,黑侠破解wepoker(辅助挂)详细开挂辅助工具 了解更多开挂安...
透视苹果版!阿拉斗牌辅助,德扑... >>您好:德扑圈有透视吗确实是有挂的,很多玩家在这款德扑圈有透视吗游戏中打牌都会发现很多用户的牌特别...