Css ng类不响应模型更新

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

这非常简单:我的角度视图显示通过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.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}"