Angular6学习笔记(四)之使用原生的js获取视图控件的值

这里仅做个记录，一般在angular中直接通过原生的document 获取值是很少用的，其官方也不推荐，但往往有时在实际开发中需要用到，直接贴代码：

视图层代码：

<input type="text" id="username" >

数据源文件中的取法：

 const  usernameEL: any = document.getElementById('username');
 const  username: string = usernameEL.value;
 alert(username);

这里需要注意的一点，在取dom对象时，记得最好制定对象变量类型为any,否则，代码校验会报错，当然运行是没有问题的。