Форум

Djambulat · #1 (**permalink**) 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 · #2 (**permalink**) 23.05.2017, 13:19

Ребята, почему вас так тянет куралесить?

Зачем использовать какой-то addClass для

Сообщение от Djambulat

ng-class="{'blur':addClass}"

Если можно просто использовать нужное значение в свойстве или фильтре, как в моем примере
https://javascript.ru/forum/angular/...tml#post453067

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

ksa · #3 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript