动态生成文本框，无需 ng-repeat 和 onclick 获取所有文本框值答案

【问题标题】：Generate textbox dynamicaly without ng-repeat and onclick get All textboxvalues动态生成文本框，无需 ng-repeat 和 onclick 获取所有文本框值
【发布时间】：2014-06-18 09:54:47
【问题描述】：

我有一个要求，我需要在每个缩略图下方插入文本框。我将它与 angularjs 一起使用。

我已经添加了删除链接，单击时会调用 API 从服务器中删除文件。但是如果我要添加文本框，我需要在单击某个按钮时发送所有文本框值，我需要发送所有缩略图的文本框值。

我没有在这里使用 ng-repeat 在 ng-mode 中我应该使用什么？如何获取所有文本框值或在 ng-model 中我应该使用什么？

myDropzone.on("success", function(file, response) {
    obj = JSON.parse(response);
    var removeLinkUrl = Dropzone.createElement('<span class="server_file">' + obj.delete_url + '</span>');
    file.previewElement.appendChild(removeLinkUrl);
});

缩略图模板

<div class="dz-preview dz-file-preview">
    <div class="dz-details">
    <div class="dz-filename"><span data-dz-name></span></div>
    <div class="dz-size" data-dz-size></div>
        <img data-dz-thumbnail />
    </div>
    <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
    <div class="dz-success-mark"><span>✔</span></div>
    <div class="dz-error-mark"><span>✘</span></div>
    <div class="dz-error-message"><span data-dz-errormessage></span></div>
</div>

【问题讨论】：

标签： javascript angularjs dropzone.js

【解决方案1】：

try to use $compile . 

JS - 



 $scope.choices = [{id: 'choice1'}, {id: 'choice2'}, {id: 'choice3'}];
    $scope.addNewChoice = function() {
        var newItemNo = $scope.choices.length+1;
        $scope.choices.push({'id':'choice' +newItemNo});
    };

    $scope.showAddChoice = function(choice) {
       return choice.id === $scope.choices[$scope.choices.length-1].id;
    };

HTML

<div class="form-group" data-ng-repeat="choice in choices">
    <label for="choice" ng-show="showChoiceLabel(choice)">Choices</label>
        <button ng-show="showAddChoice(choice)" ng-click="addNewChoice()">Add another  choice</button>
    <input type="text" ng-model="choice.name" name="" placeholder="Enter a restaurant name">
</div>

【讨论】：