Question

出于某种原因，我无法在角应用中将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;" />

但都没有效果

Answer 1

怎么样？

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

ng-style采用字典（js对象）而不是字符串。

因此，在第一个示例中，zoneicon必须求值为对象

Answer 2

如果样式不是动态的，您可以使用常规样式/类属性。见http://jsfiddle.net/mendesjuan/HB7LU/23212/

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>

无法在角度应用中应用CSS

2 个答案: