Angularjs v1 : Is it possible to create a data-custom-directive atrribute?

Question

All is in the question :

I understood I have to declare the string with two custom letters than the uppercase word giving sense to the directive for example

djLoad

in the directive declaration which becomes

dj-load

in the view.

How about declaring

 dataDjLoad

which would become

data-dj-load

in the view ?

`data-` is an standard for old browsers for new ones you don't need it, but yes you can do it. — valar morghulis, Jun 24 '16 at 05:09

Alexander Kravets · Accepted Answer · 2016-06-24T05:27:05.180

3

The data prefix is stripped in the directive and attribute names by angular, so you should not use it. See "Normalization" section in the documentation.

The idea however is correct, directive declared as myDirectiveName (camelCase) should be used as my-directive-name or my:directive:name or my_directive_name in html.

If you still want to use the data prefix in your directive's name (e.g. dataDjLoad) - you should use it this way: <div data-data-dj-load></div>.

Here the EXAMPLE.

edited Jun 24 '16 at 05:27

answered Jun 24 '16 at 05:09

Alexander Kravets

4,245
1
16
15

As you say should, I understand that it does not ? – Mantisse Jun 24 '16 at 05:21
So I can declare djLoad and use data-dj-load ? Because it tested it with no success ... – Mantisse Jun 24 '16 at 05:22
I am going to try it again then ! – Mantisse Jun 24 '16 at 05:23
Great, it works indeed. I don't have have the knowledge yet to build my own framework ! – Mantisse Jun 24 '16 at 05:26
@Mantisse, added example to the answer. – Alexander Kravets Jun 24 '16 at 05:27
Just to show off, I added a cool functionnality to your code : https://jsfiddle.net/rs9xvcfo/1/ – Mantisse Jun 24 '16 at 05:58
@Mantisse, did I answer your question? – Alexander Kravets Jun 24 '16 at 07:15
Yes, indeed. By the way, angular responsiveness on load of big json data is impressive. – Mantisse Jun 24 '16 at 23:41
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/115566/discussion-between-mantisse-and-alec-kravets). – Mantisse Jun 24 '16 at 23:43

Angularjs v1 : Is it possible to create a data-custom-directive atrribute?

1 Answers1