Angularjs 点击文字改变背景色

原创 2016年08月30日 10:07:34

效果图:这里写图片描述
作者:Easy
链接:https://zhuanlan.zhihu.com/p/22233323

css 样式

.selected{
background-color:#C6E2FF;
}

html 列表是遍历出来的

<li   class="text-c" style="margin:10px;"  ng-repeat="item in dataList |filter:name" ng-class='{selected:$index==selectedRow}' ng-click='selectedWhich($index)'>
    <a style="text-decoration:none;font-size:10px;" ng-bind="item.groupName">
    </a>
</li>

js 方法主要是判断列表的哪一项被选中
$scope.selectedWhich = function (row) {

    $scope.selectedRow = row;

}
希望对你能有帮助!

AngularJs点击状态值改变背景色

*{ margin: 0 auto; padding: 0; } .div{ margin-top: 50px; width: 800px; height: 1000px; } .tian{ widt...
  • lishuaileibo
  • lishuaileibo
  • 2017年12月13日 20:17
  • 84

jquery 点击元素实现背景色改变,点击元素以外任意地方还原该元素背景色

jquery 点击元素实现背景色改变,点击元素以外任意地方还原该元素背景色 html代码如下: ssssds div{ width: 300px; height...
  • tangxiujiang
  • tangxiujiang
  • 2017年07月20日 15:00
  • 1727

angularjs中button点击变色的实现

实现angularjs中点击button后变色选中 {{}} ¥{{}} $scope.islActive = ""; ...
  • kai_wei
  • kai_wei
  • 2016年01月05日 16:09
  • 5763

AngularJS_ng-repeat改变某个的背景颜色

一、功能类似如下描述 如图所示,上面的5个块,用ng-repeat循环输出,怎样实现当点击某一块(如块2)时,该块的背景颜色变为红色?其他的块的颜色不变。 实现方法: html Co...
  • fengsuiyingdong
  • fengsuiyingdong
  • 2017年05月21日 11:43
  • 890

AngularJs讲师代码点击状态值改变背景色

.btn { background: blue; border: 0px; border-radius: 3px; } .true { background: greenyellow; border...
  • lishuaileibo
  • lishuaileibo
  • 2017年12月13日 20:19
  • 50

AngularJS点击添加样式、点击变色设置

首先解释需求是这样的,有个列表,当你点击哪一行时,哪一行背景变成灰色,在JQ中,大家都知道,这是非常容易的,加一个addClass就行了,那么AngularJS如何实现呢?下面我们看代码部分 ...
  • xyphf
  • xyphf
  • 2016年11月14日 16:35
  • 10436

angularjs下ng-repeat点击元素改变样式实现

1.一个angularjs的学习,了解ng-class的使用技巧;2.代码: html:
  • Maci_yera
  • Maci_yera
  • 2017年07月21日 11:13
  • 1072

Android Button按钮点击背景和文字变化

Android 原生的按钮点击状态是有变化的,但是如果是自己加了一个.png格式的图片为背景色,按钮点击就不会有任何效果,为了达到点击按钮有一闪的效果,我们就需要准备两张图进行切换, 而且文字也要变色...
  • yuxuehandong
  • yuxuehandong
  • 2016年05月16日 14:09
  • 3349

js实现点击按钮变换背景颜色

js实现点击按钮变换背景颜色 function aa(){ document.bgColor="Orange"; } function change(c){ document.b...
  • cherishSpring
  • cherishSpring
  • 2016年06月29日 23:51
  • 6504

UITableViewCell点击时改变文本颜色

在如下方法中设置: - (void)setSelected:(BOOL)selected animated:(BOOL)animated { [super setSelected:selec...
  • heartofthesea
  • heartofthesea
  • 2015年06月09日 20:18
  • 1997
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Angularjs 点击文字改变背景色
举报原因:
原因补充:

(最多只允许输入30个字)