How to assign a (dynamic) variable in HTML using angularJS

Question

I have a complex directive I use though out my application on many HTML pages. It has become complicated and contains nested structures so I copy and paste it everywhere:

<card ng-repeat="card in deck"
    scalex="card.scalex"
    scaley="card.scaley"
    ...

    <img ng-repeat="wait in [] | range:card.f" src="symbol.png"       style="position:absolute; left:{{(13*$index + 3 )}}px; z-index: 1;bottom:0px"></img>
    ...

    <icon ng-repeat="icon in card.icons"
        x="icon.x"
        y="icon.y"
        ...
        />
</card>

However, not always is this directive bound to the variable "card". Thus after copy and pasting I need to change lots of assignments from the form "card.bar" to "foo.bar". This is somewhat labourius and error prone. I would like to assign a bound variable card that has the same state as foo. Then I will not need to change the source I keep copy and pasting.

So is there a one liner I can add infront of a directive, in the HTML, that will reassign foo to card?

Have you looked and ng-init?

TheHippo
– TheHippo

2013-04-13 16:19:53 +00:00
Commented Apr 13, 2013 at 16:19 — TheHippo
– TheHippo, Commented Apr 13, 2013 at 16:19

Graham · Accepted Answer · 2017-12-14 15:28:21Z

8

{{card=foo;""}}

Ahhh the trailing, "" stops the AngularJS expression being evaluated to any text

edited Dec 14, 2017 at 15:28

Graham

7,86020 gold badges67 silver badges92 bronze badges

answered Apr 13, 2013 at 12:47

Tom Larkworthy

2,3941 gold badge22 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

How to assign a (dynamic) variable in HTML using angularJS

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