使用angularjs指令創建和刪除輸入元素jquery或javascript

我想知道是否可以創建和刪除類型文件的輸入元素，其中包含angularjs指令。例如，使用angularjs指令創建和刪除輸入元素jquery或javascript

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

這裏是定製電平變化爲i已經定義當加載一個輸入文件來觸發uploadfile()功能的指令。我知道這可以使用angularjs模板完成，但我想知道這是否可以使用jquery或javascript完成。

來源

2016-08-03 Kiran Kumar

是的，你可以試試這個。

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

來源

2016-08-03 13:23:40

你能解釋一下這是如何工作的嗎？ –

我還想添加angularjs指令，如果我使用這種方法添加，它不會實現angularjs特性 –

你可以有一個容器div，它將包含新的文件輸入字段和一個添加新輸入的按鈕：$（ '#addFile'）。click（function（）{//當單擊添加文件按鈕時，將 //新的 //添加到filesContainer div $（'＃filesContainer'）。append（ $（''）.attr（'type'，'file'）。attr（'name'，'someName'））; }）; –

由於我不能發表評論，我會寫在這裏：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函數中這個是你的輸入變量。

來源

2016-08-03 13:28:45 theodorhanu

你好teoflavian，uploadfile是一個使用scope變量定義的函數，我懷疑這會調用uploadfile（）函數。 –

在這種情況下，您可以添加一個回調函數： jQuery（....）。on（'click'，function（event）{$ scope.uploadfile（）}） – theodorhanu

使用angularjs指令創建和刪除輸入元素jquery或javascript

回答

相關問題