如何在ng样式中使用媒体查询

Question

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

我已经试过这样：

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

但它似乎并没有工作。

任何想法？

Answer 1

让我们来看看这个指令来源：

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); 
}); 

没有什么可以支持此功能。