Dima
подскажите плз, надо повесить на кнопку disable через ng-disabled но тогда она станет не активна, а мне надо что бы еще когда пытались кликнуть по ней то я выводил свое кастомное сообщение типа сделай то и то, как можно сделать что бы и дисейбл был и повесить клик нужный мне
Anton
не ставь тогда ng-disabled
Anton
ng-click=«$ctrl.doActionOrShowCustomMessage()»
Anton
а дисейбл стилями сделай
Dima
но тогда будет срабатывать ее обычное поведение
Anton
какое такое обычное?
Dima
ну у меня кнопка по которой идет переход на другую страницу
Anton
каким образом перенаправляешь?
Dima
по определенной логике иногда надо это запрещать
Dima
через ui router
Anton
как? ui-href?
Dima
да
Anton
ща
Anton
делал такое недавно
Dima
ui-sref
Anton
делал перехват ui-sref
Anton
ng-click="$ctrl.openProductItemChangesModal(); $event.preventDefault();" ui-sref="item-info.changes-list({ itemId: productItem.id })"
Anton
$event.preventDefault() ключевой код
Anton
но тебе поменять надо поведение. вызывать preventDefault() только если ты запрещаешь переход
Anton
if (cond) { showModal(…); $event.preventDefault() }
Dima
if (cond) { showModal(…); $event.preventDefault() }
это в функции на клик? типа если сработало условие то preventDefault поможет не сработать роутеру, а если не прошло условие в клике, то пойдет по обычному сйценарию переходу страницы, правильно?
Anton
да, верно
Dima
ну и ng-class по тому же условию делающий похожесть на disable
Anton
у меня ui-router 1.x вроде
Dima
ок спасибо)
Anton
воу. может не проканать
Anton
пробовать надо
Anton
если совсем никак, то отказаться от ui-sref и обрабатывать логику перехода самостоятельно
Rem1te
@jashka_jashka
Anonymous
А вот такой вопрос вы сталкивались с R-keeper?
Мне надо чтоб была синхронизация приложения с R-keeper
Dima
народ подскажите плз как вы делаете загрузку файлов в ангуляре
Anton
то есть? я через dropzone
Dima
хочу типа нитивно без заморочек через FileReader
Dima
делаю просто input type=file когда в интерфейсе выбераю файл6 как его получить в контроллере?
Dima
а то везде в примерах через queryselector по инпуту и .files
Dima
@wiistriker подскажешь? как в контроллере ангуляра достучатся к тому что выбрали в input type=file?
Anton
@wiistriker подскажешь? как в контроллере ангуляра достучатся к тому что выбрали в input type=file?
достучаться в каком плане?
Anton
прочитать содержимое?
Dima
ну да
Anton
не делал так. я сразу загружал на сервер
Dima
ну мне надо на сервер и грузануть
Anton
https://github.com/nervgh/angular-file-upload
Anton
ну много вот такого
Dima
та оно 3 года не обновлялось
Dima
хочу нативно в пару строк, но не втуплю что делать с инпутом
Dima
что схватить, что бы отправить на сервер?
Anton
https://stackoverflow.com/questions/18571001/file-upload-using-angularjs
pa[aad
народ подскажите плз как вы делаете загрузку файлов в ангуляре
<input type="file" on-change-file fn="$ctrl.onFileChange(event)" accept="image/*" id="{{$ctrl.uploadImageClass}}" class="hide-input"/>
const file = event.currentTarget.files[0];
const reader = new FileReader();
reader.onload = event => {
const image: HTMLImageElement = new Image();
image.src = event.target['result'];
image.onload = () => this.imageOnLoad(image);
};
reader.readAsDataURL(file);
Dima
та я смотрел либы, все или с скачиваниями в пару десятков или 3 года не обновлялись
Dima
<input type="file" on-change-file fn="$ctrl.onFileChange(event)" accept="image/*" id="{{$ctrl.uploadImageClass}}" class="hide-input"/>
const file = event.currentTarget.files[0];
const reader = new FileReader();
reader.onload = event => {
const image: HTMLImageElement = new Image();
image.src = event.target['result'];
image.onload = () => this.imageOnLoad(image);
};
reader.readAsDataURL(file);
а подскажи за это on-change-file fn="$ctrl.onFileChange(event)"
pa[aad
а подскажи за это on-change-file fn="$ctrl.onFileChange(event)"
ищу, не сразу заметил
Anton
var fd = new FormData();
fd.append('file', file);
$http.post(uploadUrl, fd
Nikita
Anton
а подскажи за это on-change-file fn="$ctrl.onFileChange(event)"
скорее всего там вешается change на input type=«file»
pa[aad
а подскажи за это on-change-file fn="$ctrl.onFileChange(event)"
export default function ChangeFileDirective() {
return {
restrict: 'A',
scope: {
fn: '&'
},
link: (scope, element, attrs) => {
element.bind('change', (event) => {
scope.fn({event: event})
});
}
}
}
Dima
export default function ChangeFileDirective() {
return {
restrict: 'A',
scope: {
fn: '&'
},
link: (scope, element, attrs) => {
element.bind('change', (event) => {
scope.fn({event: event})
});
}
}
}
а можно как-то без директивы? просто какой-то слушатель повесить нативный или както
pa[aad
а можно как-то без директивы? просто какой-то слушатель повесить нативный или както
наверное можно, не пишу на ангуляре уже пару год и фронт вообще не пишу
Anton
angular.element(‘#file’).on(‘change’, function() {})
Anton
по идее что-то вроде того прям в контроллере
🎋🎋🥷 ngSamurai
привет! собираю проект gulp'ом... но когда стал проверять почему раздулся бандл. обнаружил что бабел создает н'ное кол-во одинаковых функций для каждого файла
1. _classCallCheck - 133x
2. ownKeys - 24
3. _defineProperties - 198x
может кто подсказать как от всего этого дела избавиться?
у нас пока микс старого ангуляраJS и es6 классов... и после того как стали писать на es6 классах, стали появляться такие артефакты в бандле...
Anton
как сделать a href без {{ и }}? у меня шаблонизатор на бэкенде генерит шаблон для ангуляржс и тоже использует эти символы
Anton
прикольно, походу никак
pa[aad
как сделать a href без {{ и }}? у меня шаблонизатор на бэкенде генерит шаблон для ангуляржс и тоже использует эти символы
можно, нужно только погуглить interpolate provider
pa[aad
как сделать a href без {{ и }}? у меня шаблонизатор на бэкенде генерит шаблон для ангуляржс и тоже использует эти символы
сделаю это вместо вас - https://docs.angularjs.org/api/ng/provider/$interpolateProvider
Anton
уже загуглил, зря напрягались
Anton
не очень хорошее решение в плане долгосрочной перспективы. просто отрубил на бэке для этого участка кода интерполяцию
Anton
спасибо, что уделили время
🎋🎋🥷 ngSamurai
как сделать a href без {{ и }}? у меня шаблонизатор на бэкенде генерит шаблон для ангуляржс и тоже использует эти символы
я уже и забыл когда последний раз пользовался скобками .... в data-ng-href="$ctrl.mylink" можно и так передать и не нажо пользоваться загуголинами
Anton
я уже и забыл когда последний раз пользовался скобками .... в data-ng-href="$ctrl.mylink" можно и так передать и не нажо пользоваться загуголинами
у меня так не сработало. и через ng-attr-href тоже. может версия другая
🎋🎋🥷 ngSamurai
у меня так не сработало. и через ng-attr-href тоже. может версия другая
а что именно не сработало?
Anton
href=«$ctrl.mylink» на выходе было
🎋🎋🥷 ngSamurai
а почему шаблон вернулся с сервера без data-ng-href?
Anton
с ним вернулся
Anton
я про результат
Anton
<a href=«$ctrl.mylink» data-ng-href=«$ctrl.mylink»>
Anton
вот так было в DOM