Правильно ли подставлен ng-class={'blur'}
Куда поставить 'ФВАМ', чтобы после 9 клика размазывалась клавиатура на экране?
|
Подозреваю, что blur надо поставить на клавиатуру.....
Кроме того ng-class по условию используется иначе: ng-class="myclass: expression" |
ыав
|
Цитата:
|
Можно тебя в вк найти или еще где-то, чтобы я показал тебе свой фильтр?
Очень надо! |
Цитата:
Вот тебе куча моих, по сходной с твоей тематикой /* Контроллер */ 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; } } ); |
В моем случае так... Применить класс "blur" если число цифр равно 10.
Тогда в этом случае, что мне применить? |
Цитата:
Нет элемента "клавиатура" как такового. Вот так он есть. <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"... Если их меньше чем нужно - клавиатура видна. В противном случае - нет. |
Ну а тогда как задать условие в котором она применяла css стиль определенного количества цифр?
Этот класс... .blur { -ываываы } |
Djambulat, ты делай тестовый пример. На нем можно будет показать варианты.
Я за тебя его делать не хочу. :no: |
ываЫВА
|
Цитата:
Научить Ангуляру? Сделать какой-то пример с клавиатурой на Ангуляре? За пример с клавиатурой запрошу 1000р... Учить Ангуляру не стану... |
Я дам тебе 1000р если ты поможешь мне...
|
Учить не надо просто не могу разобраться с этим заданием
|
Цитата:
Наверняка это больше чем час. :) Т.ч., думаю, за именно помощь 1000р это очень мало. А вот для примера с клавиатурой, которая пропадает из виду при вводе 10-ти циферок, сумма вполне подходящая. |
Примера клавиатуры, которая не пропадает, а принимает класс .blur который находиться в моем css файле, после 10 цифр...
Не думаю, что эта помощь продлится больше часа |
Цитата:
А ты выводишь 10 цифр повтором! В Ангуляре есть циклы. Если связываешься с Ангуляром - учись делать работающие тестовые примеры. делать их конечно сложнее чем пример html+js+jquery... Но иначе тебе трудно будет рассчитывать на стороннюю помощь. Примеров в этом разделе я делал несколько штук. И другие ребята так же оставили свои варианты... Можно взять их за основу. |
Цитата:
|
ФЫВАФА
|
Цитата:
<!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> |
ФАФУ
|
Цитата:
Вместо <button>...</button> Можно использовать любой тег. Внешний вид настраивается стилями ЦСС. |
ФАФЦУ
|
Цитата:
Цитата:
|
ФЫВАФ
|
Djambulat, пойми, сделать нормальный тестовый пример - это одно.
А разбираться в чужом говнокоде - это совсем другое. Т.ч. расклад у нас на данный момент такой: - ты уже должен мне 1000р; - если и далее нужны мои услуги нужно погасить долг и еще перечислить 1000р за следующий час. После этого можно дальше обсуждать твои проблемы. |
Ну хорошо. Спасибо за функцию
|
Часовой пояс GMT +3, время: 23:48. |