zoukankan      html  css  js  c++  java
  • angularjs--ng-class行选中--a标签的问题

    angularjs--ng-class行选中--a标签的问题

    如果这边 td a 没有加class则a的样式不会改变的

    jade文件

    tbody
        tr(ng-repeat="i in device_list" ng-class='{selected:$index==selectedRow}' ng-click='selectedWhich($index,i.equip_id)')
            //- td(ng-click="click(i)") {{ i._id }}
            td(ng-click="click(i)" style="text-align:center") {{ i.name }}
            td(ng-click="click(i)" style="text-align:center") {{ i._type }}
            td(ng-click="click(i)" style="text-align:center") {{ i.equip_id }}
            td(ng-click="click(i)" style="text-align:center") {{ i.location }}
            td(ng-click="click(i)" style="text-align:center") {{ i.p_unit }}
            //- td(ng-click="click(i)" style="text-align:center") {{ i.zigbee_address }}
            td(style="text-align:center")
                a(class='{{i.equip_id}} look' ui-sref="device.item.real_time_data({id: i._id})" ) 查看

    coffee文件

    # 行选中
    $scope.selectedWhich = (row,name) ->
        $(".look").attr('style',"color:#2fa4e7")
        $scope.selectedRow = row
        $('.'+name).attr('style','color:white')

    css文件

    // 行选中
    .selected
        background-color: #2fa4e7
        color: white
  • 相关阅读:
    ASP.NET2.0轻松解决统计图表
    SQL中日期比对 CONVERT转化函数的用法
    闭包理解?
    测试网站速度
    table js(转载)
    js构造造函数
    前端开发 优化(转载)
    使用Gzip压缩提升WEB服务器性能
    在线优化
    IE中的CSS3不完全兼容方案
  • 原文地址:https://www.cnblogs.com/rysly/p/row_selected.html
Copyright © 2011-2022 走看看