无法在角度应用程序中应用CSS

由于某些原因，我无法在angular应用程序中将css应用于我的图像。我试过：

<img ng-src="Images/{{Type.TypeImg}}" ng-click="GoNext(Type.TypeId)" ng-style="zoneicon" />

及

但是这两种方法都不起作用，那怎么办

<img ng-src="Images/{{Type.TypeImg}}" ng-click="GoNext(Type.TypeId)" ng-style="{'border': '1px solid blue'}" />

ng样式采用字典（js对象）而不是字符串

---

因此，在第一个示例中，

zoneicon

必须对对象求值

如果样式不是动态的，则可以使用常规样式/类属性。看

var myApp=angular.module（'myApp'，[]）；
函数MyCtrl（$scope）{
$scope.name='Superhero'；
}
.一些{
背景色：#aaa；
}
你好，{{name}}！

style=“border:1px纯蓝色”Juan Mendes，这也不行。我觉得很难相信，你能把你试过的贴出来吗？我将样式应用于图像，而不是divIt。它没有任何区别

ng style

也可以是一个计算对象的表达式，因此如果

zoneicon

在范围中定义为某种具有样式属性的对象，它也可能是有效的。不需要说“似乎”，文档非常清楚：ng样式需要“表达式求值到一个对象，该对象的键是CSS样式名称，值是这些CSS键的对应值。”@paultrone是的，但表达式应该用双括号舍入，因此它看起来更像一个类name@abidibo我不认为它需要双支架，看看这个：@paultrone好的，我正在更新答案

<img ng-src="Images/{{Type.TypeImg}}" ng-click="GoNext(Type.TypeId)" ng-style="{'border': '1px solid blue'}" />

var myApp = angular.module('myApp', []);


function MyCtrl($scope) {
  $scope.name = 'Superhero';
}

.some {
    background-color: #aaa;
}

<div ng-controller="MyCtrl" 
     style="border: 1px solid red"
     ng-style="{color: 'blue'}"
     class="some">
  Hello, {{name}}!
</div>