Angular development applet

Angular Development of small programs

• Use Angular develop small programs by modifying Angular
• The purpose of this project is very simple and pure, which is to tell everyone. The framework has no height, and the people who use it have heights.

Video Introduction

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

Development template

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

Modify content

• builder

  Modifications to support custom builds

• component compile time

  Get templates and styles by parsing in advance, and convert them to what you need for small programs

• Global variable

  Used to support the default global references of ngZone and Angular

• platform

  By implementing a custom platform, give the startup context support of the applet

• renderFactory

  The original rendering factory supports dom rendering, but the applet does not need

• Main exit reconstruction

  The main exit pre-loads related dependencies to prepare for the following page

• File system monitoring changes

  Need to clear the file cache at the end of preprocessing

add content

• Component and page registration function

  Only when it is registered, it will automatically query dependencies and generate

• Transmission of related life cycles

  Some life cycles of the applet

• Mini program related tokens.

  APP_TOKEN can get App instance
  COMPONENT_TOKEN , PAGE_TOKEN can obtain the corresponding applet component instance of the component

Realized content

• Change detection
• Input,Output
• Dependency injection
• ng-content

• ngIf,ngSwitch,ngFor

  For other instructions and custom instructions, it has not yet been implemented

• Most functions of Mini Program

Unrealized

Achievable functions

• http
• pipeline
• Unstructured instructions
• Non-reference transfer or limited transfer of structured instructions

• Partial implementation of routing

  Whether the routing is implemented mainly depends on the use scenario of the applet, whether it is necessary to route this thing

• Form
• Custom component

Impossible function

• Unrestricted structured instructions

  Unless the template is dynamically loaded on demand

Support for other platforms

• The current function is not yet complete, and no support for redundant platforms
• Currently only supports WeChat Mini Programs, but after refactoring and perfecting in the future, other platforms' Mini Program support will be added

Ready to do

Component's template rewrite

• Previously, the value binding and update was achieved through complete rewriting, but it was because there was a technology that could not be achieved, so a solution was adopted.
• This can already be achieved by replacing the calling function, so re-template
• After rewriting, it will pipeline, form, unstructured instructions