Add an element in angular js

Question

I am looking for a way to insert items inside elements in angular js.

Ill try to show how it is.

<item1> </item1>

insert an item like this

<item1>
    <item2> </item2>
</item1>

It also should insert all the data you require (it means it must execute the template of item2 when initialize).

I want to insert items dynamically, while press a button a new element is inserted into item1. The new one will be of a different type type2 and should inherit all the propertys and attributes of it's kind (item3, item3.. and so on).

create a directive item1 which template is <item2></item2> — floribon
– floribon, Commented Jul 11, 2016 at 12:14

Adrien Cerdan · Accepted Answer · 2016-07-11 13:55:24Z

2

You can achieve this using ng-include.

<item data-ng-include="'partials/your-template.html'"></item>

And attach to his own controller if needed.

<item ng-controller="YourCtrl" data-ng-include="'partials/your-template.html'"></item>

You can also create a custom directive like floribon advice, use ng-repeat, ng-bind-html...

Update from your comment

Use ng-show in this case

<item ng-show="isClicked">{{data}}</item>
<button ng-click="isClicked = true">insert</button>

That's the basics of angular use, you must read the bible before become a priest.

edited Jul 11, 2016 at 13:55

answered Jul 11, 2016 at 12:20

Adrien Cerdan

1,0151 gold badge11 silver badges21 bronze badges

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

1 Comment

David Marciel Over a year ago

but the idea is to update, insert dynamically while you press a button, I have changed the description in order to explain it better, thanks anyway

Collectives™ on Stack Overflow

Add an element in angular js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related