Question

我正在对表执行插入操作。我想为新行显示新徽章，其中包含我使用ng-repeat显示的新值。我可以用角度js做到这一点吗？或者我应该用别的东西来达到这个目的？我想要这样的东西

如图所示，我想为新行做一些突出显示。通过我使用带角度js的php的方式。

Answer 1

一个简单的解决方案是将items中的另一个变量定义为isNew。因此，对于新数据条目，您可以将其设置为true，对于较旧的数据条目，它可能是错误的。新样本将是

$scope.items.push({
  url: 'http://facebook.com/',
  name: 'Facebook',
  isNew: true
});

使用此操作使用ng-class

操纵班级

无需在数据库中使用此变量从存储过程本身购买，您可以返回静态值

例如

SELECT URL, Name, false 'IsNew' FROM MyTable

Answer 2

只需将具有相同结构的新值添加到数组或对象中即可。

示例：

＆＃13;

var myApp = angular.module('myApp',[]);

myApp.controller('itemsController', ['$scope', controller]);
function controller($scope) {
  $scope.items = [{
    url: 'http://google.com/',
    name: 'Google'
  }];
  $scope.click = function()  {
    $scope.items.push({
      url: 'http://facebook.com/',
      name: 'Facebook'
    });
  };
}

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="itemsController">
<ul>
  <li ng-repeat="item in items">
    <!-- items is an array -->
    <a ng-href="{{item.url}}">{{item.name}}</a>
  </li>
</ul>

<button ng-click="click()">Add</button>
</body>
</html>

＆＃13;

这是有效的，因为scope digest会对范围属性的每次更改执行。

如果您不知道摘要的工作方式，我强烈建议您阅读文档：D AngularJS

如何在ng-repeat

2 个答案: