• angularjs 默认选中ng-repeat的一个


    HTML:

    1 <ul class="face-moni-list">
    2         <li ng-repeat = "camera in CameraList" ng-click="searchCamera(camera.cameraId)"
    3             ng-class="{false:'defaultClass',true:'activeClass'}[choseIndex==camera.cameraId]">
    4             <i class="fa fa-video-camera"></i> {{camera.cameraName}}</li>
    5     </ul>

    CSS:

     1 .moni-left .face-moni-list li:hover {
     2     border: 1px solid #1682c3 !important;
     3 }
     4 .moni-left .face-moni-list li.defaultClass {
     5     background: #fff;
     6     color: #666;
     7 }
     8 .moni-left .face-moni-list li.activeClass {
     9     background: #7abce4;
    10     color: #fff;
    11 }

    JS:

     1 $scope.searchCamera={};
     2         $scope.CameraList = {};
     3         $scope.choseIndex = "";  //申明一个参数
     4         /*$http.post($scope.URL+ 'camera/getCameraList', $scope.searchCamera).success(function(data) {
     5             $scope.CameraList = data.data.list;
     6         });*/
     7         $http.get("json/camera.json").success(function(data) {
     8             $scope.CameraList = data.data;
     9             $scope.choseIndex = $scope.CameraList[0].cameraId;   //给参数默认赋值数组的第一个
    10         });
    11 
    12 $scope.searchCamera = function(cameraId){
    13             $scope.choseIndex = cameraId;
    14         }
  • 相关阅读:
    Activity的singleTask启动模式
    蓝图Tips
    UE4 C++ Tips
    UE4的抛物线
    透明材质
    在UE4 C++构造函数里的常规操作
    UE4的反射关键词
    UE4字符串的各种转换
    UE4Launch遇到的问题
    在UE4C++中的宏
  • 原文地址:https://www.cnblogs.com/miny-simp/p/7753073.html
Copyright © 2020-2023  润新知