作者：wszgrcy

来源：SegmentFault 思否社区

Angular开发小程序

• 通过修改Angular实现使用Angular开发小程序

• 本项目实现的目的很简单也很纯粹,就是告诉大家.框架无高低,使用的人,有高低

视频简介

• https://www.bilibili.com/video/BV1wh411p7bB

开发模板

• https://github.com/wszgrcy/angular-miniprogram-template

修改内容

• builder

• component 编译时

• 全局变量

• platform

• renderFactory

原渲染工厂支持的是 dom 渲染,但是小程序不需要

• 主出口重建

• 文件系统监听修改

增加内容

• 组件与页面的注册函数

• 相关生命周期的传递

• 小程序相关 token.

已实现内容

• 变更检测

• Input,Output

• 依赖注入

• ng-content

• ngIf,ngSwitch,ngFor

对于其他指令及自定义指令,暂未实现

• 小程序大部分功能

未实现

可实现的功能

• http

• 管道

• 非结构型指令

• 结构型指令的非引用传递或有限传递

• 路由的部分实现

• 对于其他指令及自定义指令,暂未实现

对于其他指令及自定义指令,暂未实现

• 表单

• 自定义组件

不可能实现的功能

• 无限制的结构型指令

除非模板运行动态按需加载

其他平台的支持

• 目前功能尚未完善,不对多余的平台做支持

• 目前仅支持微信小程序,但是未来重构完善后,会添加其他平台的小程序支持

准备做的

component 的 template 重写

• 之前是通过完全重写实现的值绑定与更新,但是是因为有一个技术没法实现所以才采取点方案.

• 目前已经可以通过替换调用函数实现这个,所以重新 template

• 重写后将会使管道,表单,非结构型指令的支持