Нажмите на элемент работы нестабильно

Question

Нажмите на элемент работы нестабильно

0

$scope.clickUpload = function(){
        $timeout(function() {
            angular.element('#upload').trigger('click');
        }, 100);
    };

Например, 3 раза это работает отлично, но на 4-м клике - ничего не происходит. Как я могу это исправить?

Roman Ventskus 29 сен. 2015, в 16:32

Источник

3

Мне любопытно, почему вы используете .trigger('click') ?
Malkus 29 сен. 2015, в 14:08
1

Похоже, ты не думаешь об Angular пути .
Avalanche 29 сен. 2015, в 14:16
0

@Malkus У меня есть fileUploader. Я добавил пользовательскую кнопку. Тогда я спрятал стандартную кнопку. С помощью trigger () запускаю клик по старой кнопке загрузчика файлов
Roman Ventskus 29 сен. 2015, в 14:22
1

Используете ли вы файл ввода и запускаете щелчок по нему?
Chen Doron 29 сен. 2015, в 15:36
0

Чен Дорон, да
Roman Ventskus 30 сен. 2015, в 05:40

Показать ещё 3 комментария

Теги:

angularjs

1 ответ

Ещё вопросы

Мне любопытно, почему вы используете .trigger('click') ?
Похоже, ты не думаешь об Angular пути .
@Malkus У меня есть fileUploader. Я добавил пользовательскую кнопку. Тогда я спрятал стандартную кнопку. С помощью trigger () запускаю клик по старой кнопке загрузчика файлов
Используете ли вы файл ввода и запускаете щелчок по нему?

buzzsaw · Accepted Answer · 2015-09-29T13-46-00.000Z

Я редактирую свой оригинальный ответ, так как я не совсем понял, что именно вы пытаетесь сделать. Вы можете создать тип ввода = "файл", не используя jQuery/javascript, чтобы скрыть исходный элемент и имитировать щелчок на нем. Вы можете использовать стандартный HTML/CSS для этого...

CSS:

.upload  {
    height:25px;
    width:70px;
    background:#ccc;
    color:#fff;
    overflow:hidden;
    text:'Upload';
}
.upload input {
    display: block !important;
    width: 70px !important;
    height: 25px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
#uploadText {
    left: 6px;
    position: relative;
    top: -45px;
}

HTML:

<div class="upload">
  <input type="file" name="upload" />
  <h3 id="uploadText">Upload</h3>
</div>

Учитывая, что это не идеальные стили, и у меня нет будущего в качестве графического дизайнера, их достаточно, чтобы продемонстрировать, как вы можете изменить стиль стандартного типа ввода = "файл", не требуя javascript.

Я использую стандартный элемент загрузки файлов w3schools.com/jsref/dom_obj_fileupload.asp Нажав на кнопку, я хочу открыть окно выбора файлов
Я обновил свой ответ, чтобы отразить, что вы пытаетесь сделать, основываясь на вашем последнем комментарии.