切换“data-attr”不是值

Question

我想切换data-attr，而不是值

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

结果：如果leftMenuClosed

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

if！leftMenuClosed

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

我该怎么做？

Answer 1

好吧，我想我明白你在做什么。要使用ng-attr，您必须指定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的值。我认为你可以使用