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

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

потому что работает после сабмита формы

а без сабмита как делается?

<textarea ng-model="$ctrl.node.question_params.wrong_message.viber.text" name="viberWrongMessage" input-with-substitutions md-detect-hidden highlight="$ctrl.highlightFormats" ng-trim="true" ng-model-options="{allowInvalid: true}" ng-maxlength="$ctrl.messageTypeParams.viber.maxlength"></textarea>

пример формы

фрагмента

второй день вижу этот ангуляр

а без сабмита как делается?

отслеживай изменения input`a и меняй значения модели

ну в обычном js можно onchange="this.value = this.value.trim()"

а в ангуляре чем делается такая простая вещь?

ну в обычном js можно onchange="this.value = this.value.trim()"

а как ты бы загуглил ?

ng-change

вот тернарный variable ? varibable : 'default value';

я по привычке по этому ответу делаю: https://stackoverflow.com/questions/12008580/a-ternary-in-templates

я по привычке по этому ответу делаю: https://stackoverflow.com/questions/12008580/a-ternary-in-templates

ну то что вы скинули не тернарный оператор

эх блин, http://jsfiddle.net/4Lfvk9rs/7/

не работает

он должен был при потере фокуса поля для ввода тиримить?

navigator.userAgent "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36"

сразу же в примере работает, вы что-то делаете не так

наводишь курсор на текст для подстановки

тогда он тримит

убираешь

старое значение возвращается

и тут не тримится

да, как-то провтыкал

http://jsfiddle.net/4Lfvk9rs/23/ вконце только пробелы остаются, но они удалятся после сабмита формы

var app = angular.module('app', []); app.directive('ngTrim', function() { return { require: 'ngModel', priority: 300, link: function(scope, iElem, iAttrs, ngModel) { if (iAttrs.ngTrim === 'false') { // Be careful here. We override any value comming from the previous // parsers to return the real value in iElem ngModel.$parsers.unshift(function() { return iElem.val(); }); } } } }); angular.bootstrap(document, ['app']);

app.directive('autoTrimming', function () { return { require: 'ngModel', link: function (scope, element, attrs, modelCtrl) { modelCtrl.$parsers.push(function (input) { var result = input.trim(); modelCtrl.$setViewValue(result); modelCtrl.$render(); return result; }); } } });

директивы срабатывают так же только при сабмите?

или аналогично onchange?

не

так же наверное ток по сабмиту робит

у меня куча форм без сабмита

тот вариант хорош

но он не уверсален (если заработает ли вообще)

там же для каждой формы нужен такой контроллер

Йоу, всем привет!

Йоу, всем привет!

Привет

Хотите найти работу Фрилансером в сфере IT? Или может вы ищите исполнителя? Тогда присоединяйтесь к нашему сообществу Фрилансеров в Telegram - @finfreelance Самые свежие вакансии, каждый день! Также можем абсолютно бесплатно разместить ваши вакансии/резюме!

привет, ай нид хелп: есть небольшой код - ответ от сервера. я хочу в then сначала сделать фэйковые значения в ответе, а потом вернуть значения обратно

.then(function(data) { var points_tmp = data.points_main; $scope.BonusData = data; // временно сбросим стрелки на середину шкалы $scope.BonusData.points_main.forEach(function(element, index){ $scope.BonusData.points_main[index].curr_val = Math.round(element.max_bonus / 2 ); }); setTimeout(function() { $scope.BonusData.points_main = points_tmp;},500); })

но points_tmp меняется вместе с $scope.BonusData.points_main

Сделай клон

.then(function(data) { var points_tmp = data.points_main; $scope.BonusData = data; // временно сбросим стрелки на середину шкалы $scope.BonusData.points_main.forEach(function(element, index){ $scope.BonusData.points_main[index].curr_val = Math.round(element.max_bonus / 2 ); }); setTimeout(function() { $scope.BonusData.points_main = points_tmp;},500); })

ссылки

я понимаю что они как ссылки, как их изолировать?

В зависимости от структуры обьекта, если он одноуровевый то Object.assing или = ...obj

Если же нет то написать дипклонинг

дякую

спасибо, нужно было просто обернуть в points_tmp = angular.copy($scope.BonusData);

дякую

Нема за що, звертайтесь.

спасибо, нужно было просто обернуть в points_tmp = angular.copy($scope.BonusData);

Насколько я знаю, он не делает глубокое копирование

в доке написали Overview Creates a deep copy of source, which should be an object or an array.

а ну вообще агонь тогда

Как сделать реалтайм без вебсокетов?

Как сделать реалтайм без вебсокетов?

Long polling, например

Вариантов много

https://developer.mozilla.org/en-US/docs/Web/API/EventSource

app.directive('autoTrimming', function () { return { link: function (scope, element, attrs, controller) { // unbind? element.bind('change', function () { element.val(element.val().trim()); }); } }; }); Я с помощью директивы свою проблему решил

http://jsfiddle.net/4Lfvk9rs/23/ вконце только пробелы остаются, но они удалятся после сабмита формы

Насколько это правильно?

просто нужным элементам добавляю auto-trimming

<md-input-container flex> <label>{{ 'COMMUNICATIONS.FORM.NAME' | translate }}</label> <input ng-model="communication.name" name="name" minlength="3" ng-disabled="!service.canEdit(communication)" required maxlength="300" auto-trimming> <div ng-messages="form.name.$error" role="alert"> <div ng-message="minlength"> {{ 'COMMUNICATIONS.FORM.NAME_MINLENGTH' | translate }} </div> </div> </md-input-container>

норм

всем привет, ребят, попалась таска на рефакторинг angularjs, нужно делать биндинг класса через [is-active]. Но я сколько не гуглил что это и с чем его едят, ничего не могу найти, помогите, плиз

всем привет, ребят, попалась таска на рефакторинг angularjs, нужно делать биндинг класса через [is-active]. Но я сколько не гуглил что это и с чем его едят, ничего не могу найти, помогите, плиз

ng-class

если я правильно тебя понял - это то, что тебе нужно

так я и сделал через ng-class

но мне сказали, что не правильно

почему?

ну вот так

короче сделал через передаваемый атрибут

Всем привет. Как следить за изменением обьекта?

Что не так делаю?

$scope.$watch