Template

Token 


<div *ngFor="let foo of foobars" [test]="test" (click)="2" #d>
  Hello
</div>
  • TAG_OPEN_START
  • TAG_OPEN_END
  • TAG_CLOSE
  • TEXT
  • ATTR_NAME
  • ATTR_VALUE
  • EOF

Html.Node 


<div *ngFor="let foo of foobars" [test]="test" (click)="2" #d>
  Hello
</div>
  • Text
  • Element:div
    (attr:*ngFor - let foo of foobars)
    (attr:[test] - test)
    (attr:(click) - 2)
    (attr:#d - )
    • Text
  • Text

AST 


<div *ngFor="let foo of foobars" [test]="test" (click)="2" #d>
  Hello
</div>
  • TextAst
  • EmbeddedTemplateAst
    attrs(0)
    outputs(0)
    references(0)
    variables(1)
    VariableAst - foo: $implicit
    directives(2)
    DirectiveAst - selector: [ngFor][ngForOf], name: ngForOf
    inputs(1)
    BoundDirectivePropertyAst - foobars in TestComp@1:5
    hostProperties(0)
    hostEvents(0)
    DirectiveAst - selector: template,ng-template, name: DirA
    inputs(0)
    hostProperties(0)
    hostEvents(0)
    • ElementAst div
      attrs(0)
      inputs(1)
      BoundElementPropertyAst - type: PropertyBindingType.Property, name: test, val: test in TestComp@1:33, units: null
      outputs(1)
      BoundEventAst - name: click, target: null, handler: 2 in TestComp@1:47
      references(1)
      ReferenceAst - d:
      directives(0)
      • TextAst
  • TextAst

Ng Factory 

var styles_t = [];
var RenderType_t = jit_o_0({encapsulation:0,styles:styles_t,data:{}});
function View_t_1(_l) {
  return jit_r_1(0,[(_l()(),jit_i_2(0,[['d',1]],null,1,'div',[],[[8,'test',0]],[[null,
      'click']],function(_v,en,$event) {
    var ad = true;
    if (('click' === en)) {
      var pd_0 = (2 !== false);
      ad = (pd_0 && ad);
    }
    return ad;
  },null,null)),(_l()(),jit_r_3(null,['\n  Hello\n']))],null,function(_ck,_v) {
    var _co = _v.component;
    var currVal_0 = _co.test;
    _ck(_v,0,0,currVal_0);
  });
}
function View_t_0(_l) {
  return jit_r_1(0,[(_l()(),jit_r_3(null,['\n'])),(_l()(),jit_r_4(0,null,null,2,null,
      View_t_1)),jit_r_5(16384,null,0,jit_ngForOf_6,[],{ngForOf:[0,'ngForOf']},null),
      jit_r_5(16384,null,0,jit_DirA_7,[],null,null),(_l()(),jit_r_3(null,['\n']))],
      function(_ck,_v) {
        var _co = _v.component;
        var currVal_0 = _co.foobars;
        _ck(_v,2,0,currVal_0);
      },null);
}