Angular 1.x - creating custom attribute directives with assignment

Question

In angular I know how to create custom directives that have the following syntax:

Element directive

<my-custom-element attr1 = "some stuff"> </my-custom-element>

Attribute directive

<div my-custom-attribute> </div>

What I want to do

<div my-custom-attribute = "some value"> </div>

Is this possible?

If so, how? I would appreciate a minimalist example.

Thanks

tanmay · Accepted Answer · 2017-05-09 14:26:47Z

4

You can have both named same,

app.directive('myCustomAttribute', function() {
    return {
        restrict: 'A',
        scope: {
            myCustomAttribute: '='
        },
        templateUrl: '...'
    };
});

which can be used as,

<div my-custom-attribute="somevalue"></div>

sample working example

edited May 9, 2017 at 14:26

answered May 9, 2017 at 14:21

tanmay

7,9112 gold badges23 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Angular 1.x - creating custom attribute directives with assignment

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related