Angular 2 用户输入
- 作者: 五速梦信息网
- 时间: 2026年03月19日 18:21
从一个模板引用变量中获得用户输入
可以通过使用局部模板变量来显示用户数据
模板引用变量通过在标识符前加上井号 (#) 来实现
下面的代码演示了如何使用局部模板变量
app/app.component.ts
我们在 <input> 元素上定义了一个名叫 box 的模板引用变量
box变量引用的就是 <input> 元素本身,这意味着我们可以获得 input 元素的 value值,并通过插值表达式把它显示在 <p> 标签中
修改范例
我们可以使用模板引用变量来修改前面章节中的 keyup
app/app.components.ts
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!
- 上一篇: Angular 2 表单
- 下一篇: Vue.js 初始化






