引导者本文目录一览：
- 1、【Angular】关于ViewChild和ContentChild的区别
- 2、两个div,一个在底层,有滚动条,一个在上层,有按钮,怎样在上层div区域...
- 3、Angular如何正确的操作DOM
- 4、angular父子组件之间的传值
- 5、Angular中的@ViewChild
【Angular】关于ViewChild和ContentChild的区别
1、ViewChild和ContentChild一开始angularviewchild了解不angularviewchild了就是因为一开始没有找到在vue或者react中对应什么api。其实就是相当于 ref 。只不过是写法有不同而已。当angularviewchild我们熟悉了之后angularviewchild，使用这两个（或者四个）其实就得心应手了。
两个div,一个在底层,有滚动条,一个在上层,有按钮,怎样在上层div区域...
一般嵌套在内层标签的在上层。按排版，后插入的标签在上层。当用position定位后的元素，可以用z-index来设置标签的层次，哪个标签z-index属性值大，那个标签在最上层。
html代码 div class=div1div class=div2/div/div 这样子div2就能完全覆盖在div1上了。
设置div样式 z-index：auto auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index：999。
top：-60px； width：200px；} -- /style /head body div class=div1div1/div div class=div2div2/div /body /html 此外，z-index也是处理层级关系的，数值大的，会在上层。
Angular如何正确的操作DOM
那么如何优雅的使用Angular的方式来操作DOM呢angularviewchild？获取元素ElementRef --- A wrapper around a native element inside of a View.在组件的 constructor中注入ElementRefangularviewchild，可以获取到整个组件元素的包裹。
因此操作时angularviewchild，需先选中元素节点，再修改属性和文本。
最根本对象是document（window.document）。 DOM就是我们日常对Html所有文本节点，元素，属性等操作，访问，修改等，都在dom的范畴。 其中，我们日常用的HTML DOM，他包括HTML的标准对象模型，W3C 标准等规范。
在angular渲染完dom以后执行js代码的方法是使用init方法完成dom初始化，同时控制器中写入需要执行的js代码即可。
. 我们知道在jquery中，动态生成一个元素，如果要在动态生成元素的同时，动态绑定事件，可以通过live/on方法（在jquery0中已经废除了bind方法）。
在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。Node类型 DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现的。
angular父子组件之间的传值
父组件传递给子组件的值为 async data 异步数据，子组件接收的过程中可能就会出现问题，子组件接收不到父组件传递过来的值，此时视图也无法进行渲染。根据结果来看，子组件并未接收到，获取的值是一个空数组。
， 如果你的$scope是从paren传过来的话（不是新建的scope），那弹窗的内容应该可以拿到父窗口的数据。
使用EventEmitter在组件中传参，这种方法比较灵活，不受父子组件的限制，可以在所有组件间自由使用。具体做法如下：总结，在服务中定义一个EventEmitter， 在一个组件中使用emit传参，另一个组件中使用subscribe()接受传参。
这样我们就实现了子路由，同样我们仍然可以传递参数，接收方式与之前一致，从本质上来讲，子路由就是组件之间的 router-outlet形成的父子关系 。
Angular中的@ViewChild
1、ViewChild、@ViewChildren获取子元素的的时候angularviewchild，angularviewchild我们用的最多的应该就是通过模板变量名angularviewchild，或者直接通过class来获取了。
2、不可以。ViewChild装饰器中的变量名是一个静态的标识符，不能动态生成。
3、在angular中我们可以使用这两种方式封装组件。而 ViewChild 和 contentChild 这两个装饰器官网上面的定义是这样的angularviewchild：其实，这两个装饰器其实就是为了获取子组件的引用而已，相当于vue和react中的ref。
