Angularjs 带有范围变量的ng类

Angularjs 带有范围变量的ng类,angularjs,angularjs-scope,Angularjs,Angularjs Scope,这些课程第一次运行正常 当我使用这样的$scope.fields=angular.copyoriginalFields 然后它有时工作,但有时不工作我得到class=app.icon而不是class=fa edit 我甚至尝试使用$scope.$apply;复制后,但它不工作 app.icon中的值=fa编辑 我做错了什么 <div ng-repeat="app in fields track by $index"> <span class="{{app.icon}}"&

这些课程第一次运行正常

当我使用这样的$scope.fields=angular.copyoriginalFields

然后它有时工作,但有时不工作我得到class=app.icon而不是class=fa edit

我甚至尝试使用$scope.$apply;复制后,但它不工作

app.icon中的值=fa编辑

我做错了什么

<div ng-repeat="app in fields track by $index">
   <span class="{{app.icon}}"></span>
   <span ng-class="app.icon"></span>
</div>

var originalFields = [
  {title: 'Text Field', icon: 'fa-pencil'},
  {title: 'Multiple Choice'}
];
我已经删除了$index的轨道,它工作正常

当第一个元素被删除时,它正在复制第二个元素的属性。当使用track by$index时,我的第一个元素图标属性被第二个元素覆盖。第二个元素没有图标属性


奇怪

你能提供一个示例代码来说明这个问题吗?你能给我一个正常工作的fiddler链接吗?在制作plnkr.co演示时解决了它,谢谢大家:
<div ng-repeat="app in fields">
   <span class="{{app.icon}}"></span>
   <span ng-class="app.icon"></span>
</div>