Angular Compiler Options

Question

I am looking for an explanation for some Angular compiler options , which are listed here :

• useDebug - enable debugging
• useJit - incomprehensible (used only in one place )
• defaultEncapsulation - set the default style encapsulation.
• providers - it’s not entirely clear (is it the same with the ngModule designer?)
• missingTranslation - strategy what to do if missing translation key
• enableLegacyTemplate - support tag template(which is already out of date)

Answer 1

useJit

whether the encoding mode or the interpreter is used.

Codegen - , . angular , , .

,

• factory https://github.com/angular/angular/blob/4.3.x/packages/compiler/src/jit/compiler.ts#L146

  ng:///AppModule/module.ngfactory.js

• factory https://github.com/angular/angular/blob/4.3.x/packages/compiler/src/jit/compiler.ts#L282

  ng:///AppModule/Component_Host.ngfactory.js

  ng:///AppModule/Component.ngfactory.js.

• styleUrls https://github.com/angular/angular/blob/4.3.x/packages/compiler/src/jit/compiler.ts#L307

  ng:///css/0app/app.css.ngstyle.js

, angular . , ( , , , ), . angular ngfactories, codegen. angular , ..

function _declareFn(
    varNames: string[], statements: o.Statement[], ctx: _ExecutionContext,
    visitor: StatementInterpreter): Function {
  return (...args: any[]) => _executeFunctionStatements(varNames, args, statements, ctx, visitor);
}

, . (, , angular updateDirectives, updateRenderer ..) StatementVisitor .

DART https://github.com/angular/angular/commit/2b34c88b69af8b0031fdb7006327bb8260e23dda#diff-ba3d6dc88c6e1cef871391a7843a614eR167 AFAIK.

---

, "" .

providers - COMPILER_PROVIDERS

,

1) DomElementSchema

2) DirectiveResolver

• DirectiveResolver @Component

3) ResourceLoader

• https://github.com/angular/angular/issues/13286

4) Parser, TemplateParser,

• https://alexzuza.imtqy.com/enjoy-ng-parser/

..

NgModule, ( JitCompiler ) https://github.com/angular/angular/blob/4.3.x/packages/compiler/src/jit/compiler_factory.ts#L115 https://github.com/angular/angular/blob/4.3.x/packages/core/src/application_ref.ts#L326-L329 @NgModule < 11 >

, :

my-app
  level1
    level2
      level3

:

https://plnkr.co/edit/AYExeiYRSQ4H8LiQEgKo?p=preview

my-app
  router-outlet
    level1
      router-outlet
        level2
          router-outlet
            level3

router-outlet .

. :

• https://docs.google.com/document/d/1OEUIwc-s69l1o97K0wBd_-Lth5BBxir1KuCRWklTlI4