Skip to content

Latest commit

 

History

History
47 lines (33 loc) · 2.16 KB

attention.md

File metadata and controls

47 lines (33 loc) · 2.16 KB
Raw

禁止使用

  • 一切 dom 行为
  • 带前缀的事件,如bind,mut-bind等,去掉冒号直接写,如事件bind:tap=>bindtap

    前缀在 Angualr 被解析为 target(window/document/body)

引入变更

  • 使用angular-miniprogram/common代替@angular/common,
  • 使用angular-miniprogram/forms代替@angular/forms
  • 使用import { HttpClientModule } from 'angular-miniprogram';代替import { HttpClientModule } from '@angular/common/http'

注意

  • 小程序的原生组件需要在NgModule中设置 schemas:[NO_ERRORS_SCHEMA] ,规避检测
  • 元素属性赋值操作如果无法响应变更检测,使用detectChanges即可
  • 目前,一个文件内只能有一个组件存在

兼容性支持

模板使用

  • createEmbeddedView方法只能在结构型指令,或非结构型指令但是为模板引用TemplateRef中使用
  • 当使用createEmbeddedView进行插入时,需要在上下文中的对象传递__templateName属性,这个属性为小程序的实际对应模板名
  • 此模板名可以访问TemplateRef实例的私有变量获得(this.templateRef as any)._declarationTContainer.localNames[0]

模板重命名

  • 模板会在编译时编译为静态模板,所以可能存在重命名的情况,如果存在这种情况,可以使用多模板引用变量的方式实现
  • <ng-template #name1 #name2></ng-template> #name2为可能重复的那个命名,#name1为编译到模板中的名字
  • 第一个命名始终为模板的真实命名,但是所有的模板引用变量都可以引用

跨组件调用模板

  • 在同一项目下,让其他组件接收到模板时,模板名定义需为$$mp$$__self$$xxx,这样就可以在同一项目下传递

    同一application或同一library下,都叫同一项目

  • 当需要给 library 组件中传入模板时,需要将模板名定义为$$mp$$TemplateScopeName$$xxx, TemplateScopeName生成规则如下
import { strings } from '@angular-devkit/core';
//library 为当前libary的名字
export function libraryTemplateScopeName(library: string) {
  return strings.classify(library.replace(/[@/]/g, ''));
}
  • 如test-library库为TestLibrary,@my/library库为MyLibrary