Angular html 页面里的井号 #

作者: 华山令狐冲 | 来源:发表于2021-12-03 13:12 被阅读0次

例子：

<input #inp (change)="foo = inp.value">

listenes to the change event and calls onChange() and passes the inputs value property

监听 change 事件，通过 # 后面的名称，再加上 .value 获取 DOM 元素的输入值。
看下面这个例子：

<h1>Jerry</h1>
<input #inp (change)="foo = inp.value">
<div>{{ foo }}</div>

Component 里的定义：

最终效果：

更多Jerry的原创文章，尽在："汪子熙":

Angular html 页面里的井号 #
例子： listenes to the change event and calls onChange() and...
一周入门angularJS(一)
AngularJS day1� :使用angular来引导整个html页面 ng-model="yourname"...
Angular8 设定页面标题title
最近在用Angular8.1.0写个微信公众号的项目架构，由于angular是单页面框架，并无页面之分，所以想实现...
AngularJS
5.手动初始化 Angular 代码运行时遵循的顺序： 1. 在HTML页面以及所有代码加载完毕后，Angular...
ng-alain使用echarts
注入依赖修改angular.json 在组件所在的module中注入模块 ts html页面使用
Angular4.0的目录结构描述
angular4.0 目录结构介绍如下图。 index.html这是别人访问你的网站是看到的主页面的HTML文件。...
AngularJS（1）
Angular js 简介 angularjs 是一个javaScript框架，它可通过标签添加到html页面。 ...
步骤1——静态模板+步骤2---Angular模板
步骤1——静态模板这里将举例展示Angular是如何增强标准HTML的。你将创建一个纯粹的静态HTML页面，下面...
使用ng-bind-html指令和$sce服务
最近遇到后台返回的数据中带有各种各样的html标签,需要把返回的html内容插入到页面。在angular中，如果我...
【一起学AngularJS】第三章、静态模版
静态模版为了让你充分感受Angular是如何增强标准的HTML的，我们将先创建一个静态的HTML页面，然后后面章...