angular的掌控子元素

说明

什么是掌控子元素？
掌控子元素，就是把某个子元素关联到变量上，然后就可以利用变量来读取和操作子元素的内容。

核心思路：
1）在要被掌控的元素上面加一个唯一标识，以#开头，代替了id的写法：

2）在ts文件中通过@ViewChild获取到子元素，跟一个变量关联

3）使用变量操作被掌控的子元素。

示例

已经创建了一个angular项目。

运行命令ng g c myc02创建一个新的组件：

在根组件中把新创建的组件呈现：

修改下myc02组件：

修改下根组件：

展示：

点击按钮：