zoukankan      html  css  js  c++  java
  • angJs使选中的li背景颜色不同

    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>test</title>
    <script type="text/javascript" src="../js/angular-1.2.22.js" ></script>
    <script>
    var myApp = angular.module("myApp", []);
    myApp.controller("testCtrl", function($scope){
    $scope.data = [0,1,2,3,4];
    $scope.isCurrent = function(index){
    $scope.bg = [];
    $scope.bg[index] = 'current';
    }
    });
    </script>
    <style>
    ul { margin:100px auto; 1120px; list-style:none}
    ul li { display:block; 200px; height:200px; background:#efefef; border:solid 1px #000; float:left; margin:10px; cursor:pointer}
    .current { background:#f00}
    </style>
    </head>

    <body ng-app="myApp">
    <ul ng-controller="testCtrl">
    <li ng-repeat="item in data" ng-class="bg[$index]" ng-click="isCurrent($index)"></li>
    </ul>
    </body>
    </html>

  • 相关阅读:
    webkit特有的css属性
    js apply/call/caller/callee/bind使用方法与区别分析
    canvas
    seajs
    div 等高
    js常用函数
    浮动元素水平居中
    JavaScript的9个陷阱及评点
    Touch Event
    js跨域问题
  • 原文地址:https://www.cnblogs.com/zml-java/p/5487153.html
Copyright © 2011-2022 走看看