создать и удалить элемент ввода с помощью директив angularjs jquery или javascript

Question

создать и удалить элемент ввода с помощью директив angularjs jquery или javascript

0

Мне было интересно, можем ли мы создать и удалить элемент ввода типа файла с директивой angularjs в нем. Например,

<input type="file" name="attachment0" id="attachment0" custom-on-change="uploadfile" ng-show="attachFile" multiple/>

Здесь custom-on-change - это директива, которую я определил для запуска функции uploadfile() при загрузке входного файла. Я знаю, что это можно сделать с angularjs шаблонов angularjs, но я хочу знать, можно ли это сделать с помощью jquery или javascript.

Kiran Kumar 03 авг. 2016, в 16:07

Источник

Теги:

javascript

jquery

angularjs

2 ответа

Ещё вопросы

Rashid Javed · Answer 1 · 2016-08-03T12-09-00.000Z

Да, вы можете попробовать это.

function addField(){
  $('form input:file').last().after($('<input type="file" name="files[]" class="file" /><br />'));
}

Не могли бы вы объяснить, как это работает?
И я хочу добавить директивы angularjs также, если я добавлю с использованием этого метода, он не реализует функции angularjs
У вас может быть контейнер div, который будет скрывать поля ввода нового файла, и кнопка для добавления новых входных данных: $ ('# addFile'). Click (function () {// когда нажата кнопка добавления файла, добавьте // новый <input type = "file" name = "someName" /> // для файлового контейнера div $ ('# filesContainer'). append ($ ('<input />'). attr ('type', 'file') .attr ('name', 'someName'));});

theodorhanu · Answer 2 · 2016-08-03T10-47-00.000Z

Поскольку я не могу оставлять комментарии, я напишу прямо здесь: d

с jQuery вы можете сделать что-то вроде этого

var input = jQuery("<input>", {
    'type': 'file',
'name': 'attachment0',
'id': 'attachment0',
'multiple': true
//other attributes in here
}).on('click',uploadfile);

Теперь вы можете добавить переменную в любом месте страницы с помощью jQuery(your_element).append(input). В функции uploadfile это ваша входная переменная.

Здравствуйте teoflavian, uploadfile - это функция, определенная с помощью переменной scope, я сомневаюсь, что это вызовет функцию uploadfile ().
в этом случае вы можете добавить функцию обратного вызова: jQuery (....). on ('click', function (event) {$ scope.uploadfile ()})