angularjs - отключить доступ к $ scope и прекратить манипуляции с консоли

Question

У меня есть веб-страница в AngularJS, и я хочу выполнить некоторые проверки на самой стороне клиента. Поэтому я сравниваю значения $scope и проверяю события пользователя. Например:

$scope.limit = 5; 
$scope.reached = 5; 
$scope.check = function() { 
    if ($scope.reached >= $scope.limit) { 
     alert("Sorry, limit reached."); 
    } else { 
     alert("Success!"); 
    } 
}; 

Но, можно получить доступ и изменить $scope с после выбора элемента в Элементы вкладку и затем запустить эту команду в консоли:

angular.element($0).scope().limit = 100; 
//or by running $scope.limit = 100; if you're using Batarang 

После успешно выполнив эту команду, я получу предупреждение как Успех. Я создал образец страницы для целей тестирования: http://keval5531.github.io/angular.html

Итак, можно ли отключить доступ или манипулировать до $scope? Я всегда могу использовать сервер для проверки, но я уверен, что должен быть какой-то способ сохранить надежную проверку на стороне клиента.

EDIT: Я имею в виду нечто похожее на безупречное, что потребует больше усилий и опыта для пользователя, чтобы манипулировать отправляемыми данными, а не только манипулированием DOM.

Answer 1

Вы никогда не сможете обеспечить надежную проверку надежности на стороне клиента. Но чтобы ответить на ваш конкретный вопрос о том, можно ли ограничить доступ к сфере действия - да, в некоторой степени (с 1.3+). Вы можете отключить данные отладки, которые batarang и другие плагины используют на disabling the debug info. С этим функция доступа scope() больше не будет прикрепляться к элементу DOM. Цель этого заключается не в обеспечении безопасности, а в производительности. Держите проверки на стороне сервера достаточно сильными, чтобы блокировать любую попытку.

.config(['$compileProvider', function ($compileProvider) { 
    $compileProvider.debugInfoEnabled(false); 
}]); 

Однако следует знать, что кто-нибудь может перезагрузить приложение с отладочной информацией из консоли с:

angular.reloadWithDebugInfo();