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、玩家可以在喜临门线上大神俱乐部对游戏的...
实测教程!龙江填大坑辅助功能a... 实测教程!龙江填大坑辅助功能app,龙江填大坑都是有辅助app1.龙江填大坑 选牌创建新账号,点击进...
重大发现!蜜瓜大厅辅助器功能方... 重大发现!蜜瓜大厅辅助器功能方法,蜜瓜大厅好像真的有辅助器方法1、蜜瓜大厅脚本辅助下载、蜜瓜大厅免费...
专业讨论!娱网麻将辅助功能工具... 专业讨论!娱网麻将辅助功能工具,娱网麻将原来是真的有辅助工具1、完成娱网麻将辅助器v3.3的残局,帮...
教学盘点!抢庄牛牛辅助功能插件... 教学盘点!抢庄牛牛辅助功能插件,抢庄牛牛原来存在有辅助插件抢庄牛牛破解侠是真的助透视。每个模型中均包...
玩家亲测!海豚大厅透视功能攻略... 玩家亲测!海豚大厅透视功能攻略,海豚大厅确实是有透视攻略玩家亲测!海豚大厅透视功能攻略,海豚大厅确实...
玩家必看!博雅红河棋牌辅助器功... 玩家必看!博雅红河棋牌辅助器功能工具,博雅红河棋牌一贯有辅助器工具1、全新机制【博雅红河棋牌ai辅助...
热点推荐!永乐跑胡子辅助功能脚... 热点推荐!永乐跑胡子辅助功能脚本,永乐跑胡子原来真的是有辅助脚本1、永乐跑胡子辅助器安装包、永乐跑胡...