angularjs 默認選中ng-repeat的一個

HTML：

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

CSS：

.moni-left .face-moni-list li:hover {
    border: 1px solid #1682c3 !important;
}
.moni-left .face-moni-list li.defaultClass {
    background: #fff;
    color: #666;
}
.moni-left .face-moni-list li.activeClass {
    background: #7abce4;
    color: #fff;
}

JS：

$scope.searchCamera={};
        $scope.CameraList = {};
        $scope.choseIndex = "";  //申明一個參數
        /*$http.post($scope.URL+ 'camera/getCameraList', $scope.searchCamera).success(function(data) {
            $scope.CameraList = data.data.list;
        });*/
        $http.get("json/camera.json").success(function(data) {
            $scope.CameraList = data.data;
            $scope.choseIndex = $scope.CameraList[0].cameraId;   //給參數默認賦值數組的第一個
        });

$scope.searchCamera = function(cameraId){
            $scope.choseIndex = cameraId;
        }