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

2019-10-18 00:17发布

我有很多的HTML页面复杂的指令,我用了,虽然我的应用程序。 它已经变得复杂,并包含嵌套结构,所以我复制并粘贴无处不在:

<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>

然而,并非总是这个指令绑定到变量“卡”。 复制和粘贴后,因此我需要改变很多,从形式“card.bar”分配到“foo.bar”。 这有点labourius而且容易出错。 我想分配具有相同的状态为Foo绑定变量卡。 然后,我不需要改变我不断复制和粘贴源。

那么,有没有一个衬垫,我可以添加一个指令的盈方,在HTML中,将重新分配到富卡?

Answer 1:

{{card=foo;""}}

唉唉尾随“”停止AngularJS表达被评估的任何文本



文章来源: How to assign a (dynamic) variable in HTML using angularJS