2018-08-14更改模态框严重bug

模态框出现bug，只怪太相信自己，在最不应该出问题的地方出现了问题。

bug:模态框关闭时，没有做好双向绑定。

解决方案：类似于ngModel的做法。父子和子父组件通信结合。

此组件时自定义组件，想了差不多一个上午，经历了一上午才解决。首先，父组件要传递给子组件属性值，这个用属性绑定就可。代码如图：

实际传入的时opened属性，父组件中只需要定义一个变量来传递值即可。

而从子组件向父组件传递值的时候，需要怎么办呢？肯定用到了@Output监听事件的功能。这个功能就可以改变父组件中相应的变量。代码如图：

可以看到，openedChange方法就是对应的监听事件。在这个事件里面，当点击按钮时，实质是先让opened变为false，然后由子组件emit给父组件的属性，这样以来，双向绑定完毕。

有坑请看：此处最后的自定义组件是这样的：

可以看到，opened是进行了双向绑定，一定要记住，emit的事件名称一定是属性名+Change,不然无效！