学习一个框架或库的最好方法是看官方文档，并着手去写例子。最近在利用空闲的时间学习angular，那今天就尝试写一个message组件，并通过message服务动态加载message组件。我所参与的项目基本是用jquery完成的。之前，在项目中自己动手写过一个简单的message插件，样子如下图。那现在就使用angular（版本5.0.0）来实现message组件。message组件；message组件要根据传入的类型、消息和duration来显示。创建三个文件：message.component.ts，message.component.html，message.component.css，代码如下：