只添加一个没有值的ngModel属性的目的是什么?

2022-01-28 02:01:31 标签 htmlangular

我在看这个angular教程视频时,仍然不明白他为什么只使用ngModel属性而不带值,以及模板变量#firstName在语法上的作用。

在使用这种语法时到底发生了什么?

这是YouTube上的视频

component。html

<form>
    <div class="form-group">
        <label for="firstName">First Name</label>
        <input required ngModel name="firstName" #firstName="ngModel" class="form-control" (change)="log(firstName)">
    </div>
    <div class="form-group">
        <label for="comment">Comment</label>
        <textarea name="comment" id="comment" cols="30" rows="10" class="form-control"></textarea>
    </div>
    <button>Submit</button>
</form>

当我们使用模板引用变量时,Angular通常会理解,如果模板引用变量与组件相关,那么这个变量就是组件的类型;如果模板引用变量与html标签中的ElementRef或htmlElement相关,那么这个变量就是组件的类型。

如果我们的html标签有一个Angular通常理解的指令,那就是指令的类型否则一些元素作为输入,所以你使用(*)

#myVariable="directive"

现在你可以在html中使用模板引用变量(在。ts中,你可以使用ViewChild获得它)和“指令”的所有属性。在你的例子中,你可以用see。g。

{{firstName.valid}}

简单:

你说你的输入是“特殊的”,它不只是一个其他输入

有ngModel的属性吗

模板引用变量可以使用的属性/方法

该指令

(*)确实不是指令的名称,否则我们在指令的exportAs中使用

阅读全文

▼ 版权说明

相关文章也很精彩
推荐内容
更多标签
相关热门
全站排行
随便看看

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载;网站内容仅供参考,生产环境使用务必查阅官方文档

辽ICP备19011660号-5

×

扫码关注公众号:职场神器
发送: 1
获取永久解锁本站全部文章的验证码