Question

尝试为具有ng-if条件的元素动态应用css样式。如果条件成立，则工作正常。有什么方法可以修改元素，即使条件失败。我知道我可以找到元素（通过getElementsByClassName）并修改但除了这个之外还有其他更好的解决方案吗？

前：

{{getDistance formatted_address}}

Answer 1

您可以使用ngClass。根据条件值添加类。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body data-ng-app="app">
<div data-ng-controller="Controller1 as vm">
    <h6>vm.clock.now {{vm.clock.now}} vm.now {{vm.now}}</h6>
    <h6>vm: {{vm}}</h6>
</div>

<div data-ng-controller="Controller2">
    <h6>$scope.clock.now {{clock.now}} $scope.now {{this.now}}</h6>
    <h6>this is confusing {{this}}</h6>
</div>  
<div data-ng-controller="Controller3 as vm">
    <h1>{{vm.clock.now}}</h1>
    <h6>nice scope: {{vm}}</h6>
</div>

</body>

您可以为每个班级编写单独的样式。

Answer 2

您可以使用ng-class来实现此目的

纳克级=＆＃34; {＆＃39; 类名＆＃39;：ORDERBY ===＆＃39; ASC＆＃39 ;, ＆＃39; 类名＆＃39;：ORDERBY ===＆＃39;降序＆＃39;}＆＃34;

Angular 2 ng-if失败

2 个答案: