AK
какой кейс пилишь?
есть один общий компонент imageUploader. Внутри он в зависимости от используемой платформы делится на webImageUploader и nativeImageUploader
Size: a a a
2020 July 15
C☭
есть один общий компонент imageUploader. Внутри он в зависимости от используемой платформы делится на webImageUploader и nativeImageUploader
тогда imageUploader должен быть просто враппером и иметь логику только по активации какого-либо компонента внутри и всё.. остальную логику уже пихаешь в свои остальные компоненты
AK
тогда imageUploader должен быть просто враппером и иметь логику только по активации какого-либо компонента внутри и всё.. остальную логику уже пихаешь в свои остальные компоненты
именно так. я делаю
<imageUploader><div class="image-uploading" ng-repeat="images in $ctrl.images">...</div></imageUploader
<imageUploader><div class="image-uploading" ng-repeat="images in $ctrl.images">...</div></imageUploader
AK
AK
но вот тема в том, что для разных аплоадеров должен немного меняться контент в transclude
AK
например какой-то аплоадер поддерживает drag&drop. поэтому там надо выводить "drop images here"
C☭
например какой-то аплоадер поддерживает drag&drop. поэтому там надо выводить "drop images here"
этим должен заниматься сам child компонент а не imageUploader
AK
этим должен заниматься сам child компонент а не imageUploader
Да, я неправильно сделал
C☭
Да, я неправильно сделал
👍
2020 July 16
AK
vm.$onInit = function() {
vm.ngModelCtrl.$setValidity('myError', false);
};AK
я делаю вот так. поччему форма у меня все равно валидная?
C☭
@wiistriker надо к элементу
AK
@wiistriker надо к элементу
какому элементу?
AK
это кастомный компонент для загрузки изображений. я хочу делать форму невалидной, пока загрузка идет
AK
о, через валидатор работает. видимо напрямую нельзя вызывать
C☭
о, через валидатор работает. видимо напрямую нельзя вызывать
не проще было завести переменную и ее юзать в качестве дополнительного валидатора?
AK
не проще было завести переменную и ее юзать в качестве дополнительного валидатора?
можешь показать пример?
C☭
$ctrl.pending = true;
$ctrl.uplaodfile(...).then(()=>{$ctrl.pending=false; ... }).catch((e)=>{$ctrl.pending=false;})
а на
кнопку submit ставишь ng-disabled="$ctrl.form.invalid || $ctrl.pending"
на форму ставишь ng-submit="$ctrl.form.invalid && !$ctrl.pending && $ctrl.submitForm()"
$ctrl.uplaodfile(...).then(()=>{$ctrl.pending=false; ... }).catch((e)=>{$ctrl.pending=false;})
а на
кнопку submit ставишь ng-disabled="$ctrl.form.invalid || $ctrl.pending"
на форму ставишь ng-submit="$ctrl.form.invalid && !$ctrl.pending && $ctrl.submitForm()"
C☭
@wiistriker как-то так псевдокодно