Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Применение класса после клика (https://javascript.ru/forum/angular/69000-primenenie-klassa-posle-klika.html)

Djambulat 23.05.2017 11:37
Применение класса после клика
 
https://jsfiddle.net/hw7jzut1/
Написано "Подтвердите ваш номер: Далее
"....
После клика в эту кнопку, чтобы к всему div с классом class="col-md-6 providerAgreement"> применялся мой css класс .blur

.controller('clickCtrl', function($scope){
$scope.class_blur = ['blur'];
$scope.addClass = false;
$scope.allow.Class = function(){
$scope.addClass = $scope.addClass == false?true:false;
}
})

<div class="col-md-6 providerAgreement" ng-class="{'blur':addClass}">123</div>

<button type="button" class="btn btn-success" ng-click="allowClass()">Далее</button>

Почему не работает?

ksa 23.05.2017 13:19
Ребята, почему вас так тянет куралесить? :blink:

Зачем использовать какой-то addClass для
Цитата:
Сообщение от Djambulat 
ng-class="{'blur':addClass}"
Если можно просто использовать нужное значение в свойстве или фильтре, как в моем примере
https://javascript.ru/forum/angular/...tml#post453067

И учитесь уже делать работающие тестовые примеры. :(

ksa 23.05.2017 14:02
Цитата:
Сообщение от Djambulat
Почему не работает?
У меня все работает...

<!DOCTYPE html>
<html  ng-app='app'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<style type='text/css'>
.test {
	color: red;
}
</style>
<script type='text/javascript'>
var app = angular.module('app', []);
app.controller(
	'ctrl', 
	[
		'$scope',
		function($scope) {
			$scope.test=false;
			$scope.onOff=function(Val){
				$scope.test=!$scope.test;
			};
		}
	]
);
</script>
</head>
<body ng-controller='ctrl'>
<button ng-click='onOff()'>On|Off</button>
<div ng-class='{"test": test}'>Test</div>
</body>
</html>


Часовой пояс GMT +3, время: 15:15.