Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Правильно ли подставлен ng-class={'blur'} (https://javascript.ru/forum/angular/68950-pravilno-li-podstavlen-ng-class%3D%7B%27blur%27%7D.html)

Djambulat 19.05.2017 17:23

Правильно ли подставлен ng-class={'blur'}
 
Куда поставить 'ФВАМ', чтобы после 9 клика размазывалась клавиатура на экране?

krasovsky 22.05.2017 05:43

Подозреваю, что blur надо поставить на клавиатуру.....
Кроме того ng-class по условию используется иначе: ng-class="myclass: expression"

Djambulat 22.05.2017 09:32

ыав

ksa 22.05.2017 10:07

Цитата:

Сообщение от Djambulat
как мне задать ей условие, чтобы после конечной цифры применялся это "blur"?

Заведи фильтр который будет отвечать за это. А в нем считай введенные цифры или еще чего, отвечающее за ввод данных.

Djambulat 22.05.2017 10:14

Можно тебя в вк найти или еще где-то, чтобы я показал тебе свой фильтр?
Очень надо!

ksa 22.05.2017 10:26

Цитата:

Сообщение от Djambulat
я показал тебе свой фильтр

А чего на него смотреть? Фильтр он и в Африке фильтр. :D

Вот тебе куча моих, по сходной с твоей тематикой

/* Контроллер */
var app = angular.module('app', []);
/* Показать элемент если нет ошибок */
app.filter(
	'noData', 
	function(){
		return function(Obj){
			if (Obj) {
				if (Obj.rtn && Obj.glb) {
					if ((Obj.rtn==0) && (Obj.glb==0)) {
						return true;
					};
				};
			};
			return false;
		}
	}
);
/* Показать элемент если есть данные */
app.filter(
	'count', 
	function(){
		return function(Obj){
			return (Obj && (Obj.length>0))? true: false;
		}
	}
);
/* Показать элемент если есть данные */
app.filter(
	'onOff', 
	function(){
		return function(Status) {
			return (Status!=0)? false: true;
		}
	}
);
/* Для отображения значения узла */
app.filter(
	'string', 
	function(){
		return function(Val){
			return (Val=="")? '""': Val;
		}
	}
);
/* Для выделения главных элементов списка/таблицы */
app.filter(
	'pointer', 
	function(){
		return function(Obj){
			return (Obj.list)? 'pointer': '';
		}
	}
);
/* Свернут элемент или развернут */
app.filter(
	'hide', 
	function(){
		return function(Obj){
			var hide=true;
			if ((Obj.list)&&(Obj.open==1)) {
				hide=false;
			}
			return hide;
		}
	}
);

Djambulat 22.05.2017 10:30

В моем случае так... Применить класс "blur" если число цифр равно 10.
Тогда в этом случае, что мне применить?

ksa 22.05.2017 10:38

Цитата:

Сообщение от Djambulat
Если моя клавиатура выглядит так
<div>
<key>1</key>
<key>2</key>
<key>3</key>
</div>
<div>
<key>4</key>
<key>5</key>
<key>6</key>
</div>
<div>
<key>7</key>
<key>8</key>
<key>9</key>
</div>
<div>
<key style="width: 100%">0</key>
</div>

Это неудачная конструкция. :no:
Нет элемента "клавиатура" как такового.
Вот так он есть.

<div id='keybord'>
	<div>
		<key>1</key>
		<key>2</key>
		<key>3</key>
	</div>
	<div>
		<key>4</key>
		<key>5</key>
		<key>6</key>
	</div>
	<div>
		<key>7</key>
		<key>8</key>
		<key>9</key>
	</div>
	<div>
		<key style="width: 100%">0</key>
	</div>
</div>

Можно проверять сколько цифр в последнем "key"... Если их меньше чем нужно - клавиатура видна. В противном случае - нет.

Djambulat 22.05.2017 10:44

Ну а тогда как задать условие в котором она применяла css стиль определенного количества цифр?
Этот класс...
.blur {
-ываываы
}

ksa 22.05.2017 11:08

Djambulat, ты делай тестовый пример. На нем можно будет показать варианты.

Я за тебя его делать не хочу. :no:

Djambulat 22.05.2017 11:14

ываЫВА

ksa 22.05.2017 11:20

Цитата:

Сообщение от Djambulat
я не знаю даже с чего и как начать

:blink:

Научить Ангуляру?
Сделать какой-то пример с клавиатурой на Ангуляре?

За пример с клавиатурой запрошу 1000р... Учить Ангуляру не стану...

Djambulat 22.05.2017 11:23

Я дам тебе 1000р если ты поможешь мне...

Djambulat 22.05.2017 11:24

Учить не надо просто не могу разобраться с этим заданием

ksa 22.05.2017 11:27

Цитата:

Сообщение от Djambulat
Я дам тебе 1000р если ты поможешь мне...

1000р я беру за час (астрономический) консультации или работы... А где закончится помощь тебе я не представляю.
Наверняка это больше чем час. :)

Т.ч., думаю, за именно помощь 1000р это очень мало. А вот для примера с клавиатурой, которая пропадает из виду при вводе 10-ти циферок, сумма вполне подходящая.

Djambulat 22.05.2017 11:32

Примера клавиатуры, которая не пропадает, а принимает класс .blur который находиться в моем css файле, после 10 цифр...
Не думаю, что эта помощь продлится больше часа

ksa 22.05.2017 11:33

Цитата:

Сообщение от Djambulat
просто не могу разобраться с этим заданием

Ты уже не по ангулярски делаешь ту клавиатуру... Не должны повторяться однотипные элементы много раз.
А ты выводишь 10 цифр повтором! В Ангуляре есть циклы.

Если связываешься с Ангуляром - учись делать работающие тестовые примеры. делать их конечно сложнее чем пример html+js+jquery...
Но иначе тебе трудно будет рассчитывать на стороннюю помощь.

Примеров в этом разделе я делал несколько штук. И другие ребята так же оставили свои варианты... Можно взять их за основу.

ksa 22.05.2017 11:34

Цитата:

Сообщение от Djambulat
Не думаю, что эта помощь продлится больше часа

Не стоит оценивать низко чужую работу, которую сам сделать не в состоянии. :no:

Djambulat 22.05.2017 11:41

ФЫВАФА

ksa 22.05.2017 14:29

Цитата:

Сообщение от Djambulat
Примера клавиатуры, которая не пропадает, а принимает класс .blur который находиться в моем css файле, после 10 цифр...

С тебя 1000р. Если ты конечно не пустозвон. :D

<!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'>
.blur {
	-webkit-filter: blur(5px);
	pointer-events: none;
	/*transition: 1s filter linear;*/
}
</style>
<script type='text/javascript'>
var app = angular.module('app', []);
app.controller(
	'ctrl', 
	[
		'$scope',
		function($scope) {
			$scope.number='';
			$scope.inc=function(Val){
				if (Val=='Bs') {
					$scope.number=$scope.number.substring(0,$scope.number.length-1);
					return;
				}
				$scope.number+=Val;
			};
		}
	]
);
app.filter(
	'class', 
	function(){
		return function(Val){
			return (Val.length<10)? '': 'blur';
		}
	}
);
</script>
</head>
<body ng-controller='ctrl'>
<div id='keys' ng-class='number|class'>
	<button ng-repeat='(i, val) in [0,1,2,3,4,5,6,7,8,9,"Bs"]' ng-click='inc(val)'>{{val}}</button>
	<div id='value'>{{number}}</div>
</div>
</body>
</html>

Djambulat 22.05.2017 15:08

ФАФУ

ksa 22.05.2017 15:28

Цитата:

Сообщение от Djambulat
Как его сюда вписать?

Нужно "это" переделать, как я показал.

Вместо
<button>...</button>

Можно использовать любой тег.

Внешний вид настраивается стилями ЦСС.

Djambulat 22.05.2017 15:31

ФАФЦУ

ksa 22.05.2017 15:57

Цитата:

Сообщение от Djambulat
Пиши номер карты.

В ЛС...
Цитата:

Сообщение от Djambulat
У тебя там сложнее куда мне ng-repeat ставить?

У меня, как раз, проще некуда.

Djambulat 22.05.2017 16:32

ФЫВАФ

ksa 23.05.2017 08:31

Djambulat, пойми, сделать нормальный тестовый пример - это одно.
А разбираться в чужом говнокоде - это совсем другое.

Т.ч. расклад у нас на данный момент такой:
- ты уже должен мне 1000р;
- если и далее нужны мои услуги нужно погасить долг и еще перечислить 1000р за следующий час.

После этого можно дальше обсуждать твои проблемы.

Djambulat 23.05.2017 09:21

Ну хорошо. Спасибо за функцию


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