How can js access data from an angular model?

Question

JavaScript

How can js access data from an angular model?
I have an area. When you click on a certain shape in this very canvas, an event is fired and I somehow need to contact the angular application.
For example, I have 5 squares drawn on canvas. When you click on a certain square, fields (tags, input...) appear with certain parameters specifically for the selected square. Fields with parameters are just displayed and stored through angular/ So, how, when clicking on a certain square, can I contact angular to display the necessary parameters?

Answer 1

The canvas must be inside the angular controller. Hang an ng-click event on the squares. Hang the corresponding ng-model on the appearing fields. With ng-click, change visibility and update the field model.