Css ng类不响应模型更新
这非常简单:我的角度视图显示通过ng repeat生成的打印订单行。如果已打印打印订单,则应用“panel pink”类Css ng类不响应模型更新,css,angularjs,Css,Angularjs,这非常简单:我的角度视图显示通过ng repeat生成的打印订单行。如果已打印打印订单,则应用“panel pink”类 <div class="col-md-12" ng-repeat="printOrder in printOrders | filter: statuses"> <div class='panel mb20 panel-primary panel-hovered' ng-class="{'panel-pink' : {{printOrder.Printe
<div class="col-md-12" ng-repeat="printOrder in printOrders | filter: statuses">
<div class='panel mb20 panel-primary panel-hovered' ng-class="{'panel-pink' : {{printOrder.Printed}}}">
<div class="panel-body">
<div style="text-align: center; margin-top: 10px; margin-bottom: 10px;">
<div>{{printOrder.GcodePath}},{{printOrder.Flavor}},{{printOrder.Finishing}}</div>
</div>
<div>
<a class="btn btn-small btn-success btn-sm" ng-click="doPrintOrder(printOrder)">Print</a>
</div>
</div>
</div>
</div>
一切正常,唯一的问题是模型更改时ng类没有应用(printOrder.Printed=true;)
我应该怎么做才能使样式动态工作?将您的ng类更改为:
ng-class="{'panel-pink' : printOrder.Printed}"
您不需要花括号。您不应该只添加$scope吗?($scope.printOrder.Printed=true;)
ng-class="{'panel-pink' : printOrder.Printed}"