angular项目快速上手，遇到的第一个问题，组件传参。

因为之前没接触过angular，但是又找到一份新工作，要求技术是angular，这里是一些懒人的快速上手经验：安哥拉项目不同于vue，html，css ，js我都在一个文件，它是分开的，目录如下

第一个，第二个不介绍了，第三个就是类似于js吧，暂且这么理解，最后一个可以理解为配置吧，这里有一个关键的，就是路由跳转：但是我们项目封装了跳转方法，所以没仔细研究，直接用的现成的跳转方法，我把这个方法粘贴一下，希望对初学者有帮助

class AppRouterService {

    constructor(appContext, router$$1) {

        this.appContext = appContext;

        this.router = router$$1;

        // for development only

        if (!globalConfig.production) {

            window.navigateTo = this.navigateTo.bind(this);

        }

        let messenger = this.messenger = new Messenger(window);

        messenger.addHandler({

            handle: (message, source) => {

                if (MessageType.Navigation !== message.type)

                    return false;

                let data = message.data || {};

                let module = data.module || '', tag = data.tag;

                this.navigateTo(module, tag).then(() => {

                    // source.postMessage(message, '*');

                }).catch(e => {

                    // source.postMessage(message, '*');

                });

                return true;

            }

        });

    }

使用的话就是，引用，然后this.appRouterService.navigateTo("UwattHousePropertyModule", null, params.data);可以进行路由跳转啦，这里的第一个参数就是要去的模块的model。

然后回到正题，说传参，哈哈，传参就是，先引入inject，然后再接收传递过来的参数data，这里我们又封装的弹窗NG2_WINDOW_DATA，可以忽略。然后this.data的值就是父组件传递过来的，或者弹窗传递过来的值

父组件传递的数据展示如下：

哈哈，表达能力有点弱，写的不够好。