个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个对象列表，用于使用 ng-repeat 构建无序列表。添加新项目后，我希望该项目闪烁或具有某种效果来吸引用户的注意。这对于 jQuery 来说并不太困难，但我试图仅使用 AngularJS 来做到这一点
index.html
<!DOCTYPE html>
<html ng-app="app">
<head>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-animate.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<div ng-controller="MainCtrl">
<input type="text" ng-model="formData.itemText" />
<button ng-click="addItem()">Add</button>
<ul>
<li ng-repeat="item in items">{{item.itemText}}</li>
</ul>
</div>
</body>
</html>
脚本.js
app = angular.module("app", ["ngAnimate"])
app.controller("MainCtrl", function($scope){
$scope.items = []
$scope.formData = {}
$scope.addItem = function(){
$scope.items.push($scope.formData)
$scope.formData = {}
}
})
plnkr
最佳答案
documentation解释了如何以不同的方式实现它。
简单的例子:
.highlight {
transition: all linear 300ms;
}
.highlight.ng-enter {
opacity: 0;
color: firebrick;
}
.highlight.ng-enter.ng-enter-active {
opacity: 1;
}
还有:
<li ng-repeat="item in items" class="highlight">
关于javascript - 将项目插入列表后突出显示/闪烁该项目，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23841353/
25
4
0
有没有一种方法可以“标记”对象的属性，使它们在反射中“突出”？ 例如： class A { int aa, b; string s1, s2; public int AA
我是一名优秀的程序员,十分优秀！