如何使用angularJS在HTML中分配(动态)变量

时间:2013-04-13 12:47:24

标签: angularjs angularjs-directive

我有一个复杂的指令,我在许多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”。因此,在复制和粘贴后,我需要将许多作业从“card.bar”更改为“foo.bar”。这有点劳动和容易出错。我想分配一个与foo具有相同状态的绑定变量卡。然后,我不需要更改我保留的复制和粘贴源。

那么我是否可以在HTML中添加一个指令,将foo重新分配给卡?

1 个答案:

答案 0 :(得分:8)

{{card=foo;""}}

啊,尾随,“”阻止AngularJS表达式被评估为任何文本