angularjs - 如何使用ng风格的媒体查询

我想使用ng-style和媒体查询来设置元素的宽度。

我已经试过了:

    {'width' : @media (max-width: 480px)  ? '70%' : '90%' , 'border-radius': '6px', 'background':'#F5F2ED'}

但这似乎不起作用。

有任何想法吗？

最佳答案

让我们看看这个指令源:

var ngStyleDirective = ngDirective(function(scope, element, attr) {
  scope.$watch(attr.ngStyle, function ngStyleWatchAction(newStyles, oldStyles) {
    if (oldStyles && (newStyles !== oldStyles)) {
      forEach(oldStyles, function(val, style) { element.css(style, '');});
    }
    if (newStyles) element.css(newStyles);
  }, true);
});

没有任何东西可以支持此功能。