Angular html 页面里的井号 #

例子：

<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 页面里的井号 #相关推荐

Angular应用页面里_ngcontent属性的生成逻辑
我们打开一个Angular应用,发现其渲染页面里的DOM元素,包含了形如_nghost-, 以及_ngcontent-这种属性. 这些属性在platform-browser.js的DomRendere ...
Angular.js 页面里的按钮点击事件处理
假设我有一个Angular页面,上面绘制了一个按钮: <div class="fd-form__set"><div class="fd-form__it ...
Angular应用页面里appId的生成逻辑和位置
DomRendererFactory2类的构造函数里,看到三个输入参数.我们感兴趣的是,appId这个三位随机字符,是如何生成的. 前面这个classRef是DomRendererFactory2的构 ...
公众号里面套页面_微信公众号页面模板有什么用?开通的方法是什么?
微信公众号页面模板是微信公众号里面的功能哦,如果你开启了微信公众号文章原创功能,那么你是可以去开通页面模板功能的,很多的微信公众号管理员不知道微信公众号页面模板有什么用,接下来小编会为大家说明哦. 微 ...
html中井号的作用,html5 css选择器井号, 句点的区别
一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成: 1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响: 2.属性(如实例 ...
php获取 url 井号,php获取url井号后的参数（描点#后参数）
有时候我们需要获取url井号后的参数(即描点#后的参数),如下面的链接: http://www.xindingyue.com/example/#comment-1314 现在要获取#号后面的comme ...
nginx 去除井号操作
Vue.React.Argular 路由去除井号操作寻找框架对应的路由中配置例如 Vue-Router配置: 1.首先将路由的 mode 设置为 history import Vue from ' ...
laravel+vue.js的学习以及为什么浏览器中要有井号“#”
一.前言一直想找机会学一下vue,但是go还没来得及学,laravel的源码还没看完,学习vue更是遥遥无期.幸好新公司的项目是用laravel+vue编写的,这才有幸接触到vue. 但是我在观看项 ...
python语言的单行注释以井号开头_推荐｜零基础学习Python基础知识
原标题:推荐|零基础学习Python基础知识 Python是一种面向对象.解释型计算机程序设计语言.语法简洁清晰,强制用空白符作为语句缩进. Python具有丰富和强大的库,又被称为胶水语言.能把其他 ...

Angular html 页面里的井号 #

Angular html 页面里的井号 #相关推荐

最新文章

热门文章