Can Angular 2 component interact with elements on index.html?

Question

I like to know if there is way to pre-write "dynamic" Angular 2 inputs and outputs on the index.html file, and the embedded Angular 2 app can bind with those elements?

i.e. index.html

<body>
   <my-app>Loading...</my-app>
   <div>{{getData}}</div>
   <button (click)="onTestGet()">Click me to test get data</button>
</body>

where the Angular 2 app will be rendered inside the <my-app> tag.

I have made the {{getData}} and the button worked well when they are inside the Angular template. But for now, when they are inside index.html, they are just dumb elements.

Community · Accepted Answer · 2017-05-23 11:46:43Z

1

That is not supported for security reasons.

If you want to register event handlers you need to do this imperatively with direct DOM access.

See also this similar question Angular 2 external inputs

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Jun 12, 2016 at 9:29

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can Angular 2 component interact with elements on index.html?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related