切換“數據屬性”而不是值

Question

我想要切換data-attr，而不是值

<div ng-attr="{{leftMenuClosed ? 'data-quantity' : 'data-order' }}" </div>

結果：如果leftMenuClosed

<div data-quantity=""></div>

如果！leftMenuClosed

<div data-order=""></div>

我怎樣才能做到這一點 ？

Answer 1

好的，我想我知道您在做什么。 為了使用ng-attr您必須指定ng-attr的名稱。 因此ng-attr-data將創建一個名為data的attr：

<div ng-attr-data="{{leftMenuClosed ? 'true' : 'false' }}"></div>

將導致

<div ng-attr-data="{{leftMenuClosed ? 'true' : 'false' }}" data="true"></div>

要么

<div ng-attr-data="{{leftMenuClosed ? 'true' : 'false' }}" data="false"></div>

取決於leftMenuClosed的值。 我想你可以解決這個問題