即使在$event.preventDefault-AngularJs之后也无法撤消更改

我已阻止ng click事件，但ng模型值将在ng click事件完成后更改。当事件被阻塞时，如何在ng模型中保留旧值

此场景事件已阻塞，但模型值将更改

Html代码

<form name="form1" class="form-horizontal">
    <div ng-app="scrollApp">
        <div ng-controller="scrollController">
            <div ng-grid="ngGridOptions" class="gridStyle"></div>
            <div id="disSelectItems" ng-repeat="item in selectedGridItems">
                <label class="select-items {{item.selectedClass}}" ng-click="rowScroll(item)">{{item.entity.date}}</label>
            </div>           
        </div>
    </div>
</form>

angular.module("scrollApp", ['ngGrid', 'ui.calendar', 'ui.bootstrap'])
    .controller("scrollController", function ($scope) {
    $scope.selectedGridItems = [];
    $scope.test = [{
        "id": 1,
            "date": "oct 02/2014",
            "details": "test1",
            "check": false,
            "check1": false
    }, {
        "id": 2,
            "date": "oct 03/2014",
            "details": "test2",
            "check": false,
            "check1": false
    }, {
        "id": 3,
            "date": "oct 03/2014",
            "details": "test3",
            "check": false,
            "check1": false
    }, {
        "id": 4,
            "date": "oct 04/2014",
            "details": "test4",
            "check": false,
            "check1": false
    }, {
        "id": 5,
            "date": "oct 05/2014",
            "details": "test5",
            "check": false,
            "check1": false
    }, {
        "id": 6,
            "date": "oct 06/2014",
            "details": "test6",
            "check": false,
            "check1": false
    }, {
        "id": 7,
            "date": "oct 07/2014",
            "details": "test7",
            "check": false,
            "check1": false
    }, {
        "id": 8,
            "date": "oct 08/2014",
            "details": "test8",
            "check": false,
            "check1": false
    }, {
        "id": 9,
            "date": "oct 09/2014",
            "details": "test9",
            "check": false,
            "check1": false
    }, {
        "id": 10,
            "date": "oct 10/2014",
            "details": "test10",
            "check": false,
            "check1": false
    }, {
        "id": 11,
            "date": "oct 11/2014",
            "details": "test11",
            "check": false,
            "check1": false
    }, {
        "id": 12,
            "date": "oct 12/2014",
            "details": "test12",
            "check": false,
            "check1": false
    }, {
        "id": 13,
            "date": "oct 13/2014",
            "details": "test13",
            "check": false,
            "check1": false
    }, {
        "id": 14,
            "date": "oct 14/2014",
            "details": "test14",
            "check": false,
            "check1": false
    }]
    $scope.ngGridOptions = {
        data: 'test',
        multiSelect: false,
        columnDefs: [{
            field: "id",
            displayName: "ID",
            width: "50px"
        }, {
            field: "date",
            displayName: "Date",
            width: "100px"
        }, {
            field: "details",
            displayName: "Details"
        }, {
            field: "check",
            displayName: "",
            cellTemplate: "<div class='ngCellText'>{{COL_FIELD}}<input type='checkbox' ng-click='selectClick($event)' ng-checked='COL_FIELD' ng-model='COL_FIELD' /></div>",
            width: "50px"
        }]
    }

    $scope.selectClick=function($event)
    {
        $event.preventDefault();
        $event.stopPropagation();
    };   
});

{{item.entity.date}

Js代码

<form name="form1" class="form-horizontal">
    <div ng-app="scrollApp">
        <div ng-controller="scrollController">
            <div ng-grid="ngGridOptions" class="gridStyle"></div>
            <div id="disSelectItems" ng-repeat="item in selectedGridItems">
                <label class="select-items {{item.selectedClass}}" ng-click="rowScroll(item)">{{item.entity.date}}</label>
            </div>           
        </div>
    </div>
</form>

angular.module("scrollApp", ['ngGrid', 'ui.calendar', 'ui.bootstrap'])
    .controller("scrollController", function ($scope) {
    $scope.selectedGridItems = [];
    $scope.test = [{
        "id": 1,
            "date": "oct 02/2014",
            "details": "test1",
            "check": false,
            "check1": false
    }, {
        "id": 2,
            "date": "oct 03/2014",
            "details": "test2",
            "check": false,
            "check1": false
    }, {
        "id": 3,
            "date": "oct 03/2014",
            "details": "test3",
            "check": false,
            "check1": false
    }, {
        "id": 4,
            "date": "oct 04/2014",
            "details": "test4",
            "check": false,
            "check1": false
    }, {
        "id": 5,
            "date": "oct 05/2014",
            "details": "test5",
            "check": false,
            "check1": false
    }, {
        "id": 6,
            "date": "oct 06/2014",
            "details": "test6",
            "check": false,
            "check1": false
    }, {
        "id": 7,
            "date": "oct 07/2014",
            "details": "test7",
            "check": false,
            "check1": false
    }, {
        "id": 8,
            "date": "oct 08/2014",
            "details": "test8",
            "check": false,
            "check1": false
    }, {
        "id": 9,
            "date": "oct 09/2014",
            "details": "test9",
            "check": false,
            "check1": false
    }, {
        "id": 10,
            "date": "oct 10/2014",
            "details": "test10",
            "check": false,
            "check1": false
    }, {
        "id": 11,
            "date": "oct 11/2014",
            "details": "test11",
            "check": false,
            "check1": false
    }, {
        "id": 12,
            "date": "oct 12/2014",
            "details": "test12",
            "check": false,
            "check1": false
    }, {
        "id": 13,
            "date": "oct 13/2014",
            "details": "test13",
            "check": false,
            "check1": false
    }, {
        "id": 14,
            "date": "oct 14/2014",
            "details": "test14",
            "check": false,
            "check1": false
    }]
    $scope.ngGridOptions = {
        data: 'test',
        multiSelect: false,
        columnDefs: [{
            field: "id",
            displayName: "ID",
            width: "50px"
        }, {
            field: "date",
            displayName: "Date",
            width: "100px"
        }, {
            field: "details",
            displayName: "Details"
        }, {
            field: "check",
            displayName: "",
            cellTemplate: "<div class='ngCellText'>{{COL_FIELD}}<input type='checkbox' ng-click='selectClick($event)' ng-checked='COL_FIELD' ng-model='COL_FIELD' /></div>",
            width: "50px"
        }]
    }

    $scope.selectClick=function($event)
    {
        $event.preventDefault();
        $event.stopPropagation();
    };   
});

angular.module（“scrollApp”、['ngGrid'，'ui.calendar'，'ui.bootstrap']）
.controller（“滚动控制器”，函数（$scope）{
$scope.selectedGridItems=[]；
$scope.test=[{
“id”：1，
“日期”：“2014年10月2日”，
“详细信息”：“测试1”，
“check”：false，
“检查1”：错误
}, {
“id”：2，
“日期”：“2014年10月3日”，
“详细信息”：“测试2”，
“check”：false，
“检查1”：错误
}, {
“id”：3，
“日期”：“2014年10月3日”，
“详细信息”：“test3”，
“check”：false，
“检查1”：错误
}, {
“id”：4，
“日期”：“2014年10月4日”，
“详细信息”：“测试4”，
“check”：false，
“检查1”：错误
}, {
“id”：5，
“日期”：“2014年10月5日”，
“详细信息”：“测试5”，
“check”：false，
“检查1”：错误
}, {
“id”：6，
“日期”：“2014年10月6日”，
“详细信息”：“test6”，
“check”：false，
“检查1”：错误
}, {
“id”：7，
“日期”：“2014年10月7日”，
“详细信息”：“test7”，
“check”：false，
“检查1”：错误
}, {
“id”：8，
“日期”：“2014年10月8日”，
“详细信息”：“test8”，
“check”：false，
“检查1”：错误
}, {
“id”：9，
“日期”：“2014年10月9日”，
“详细信息”：“test9”，
“check”：false，
“检查1”：错误
}, {
“id”：10，
“日期”：“2014年10月10日”，
“详细信息”：“test10”，
“check”：false，
“检查1”：错误
}, {
“id”：11，
“日期”：“2014年10月11日”，
“详情”：“test11”，
“check”：false，
“检查1”：错误
}, {
“id”：12，
“日期”：“2014年10月12日”，
“详情”：“test12”，
“check”：false，
“检查1”：错误
}, {
“id”：13，
“日期”：“2014年10月13日”，
“详情”：“test13”，
“check”：false，
“检查1”：错误
}, {
“id”：14，
“日期”：“2014年10月14日”，
“详情”：“test14”，
“check”：false，
“检查1”：错误
}]
$scope.ngGridOptions={
数据：'测试'，
多选：错，
columnDefs：[{
字段：“id”，
显示名称：“ID”，
宽度：“50px”
}, {
字段：“日期”，
显示名称：“日期”，
宽度：“100px”
}, {
字段：“详细信息”，
显示名称：“详细信息”
}, {
字段：“检查”，
显示名称：“”，
cellTemplate:“{{COL_FIELD}}”，
宽度：“50px”
}]
}
$scope.selectClick=函数（$event）
{
$event.preventDefault（）；
$event.stopPropagation（）；
};   
});