首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >生成文本框动态,而不需要ng-重复,并单击“获取所有文本框值”。

问生成文本框动态,而不需要ng-重复,并单击“获取所有文本框值”。
EN

Stack Overflow用户
提问于 2014-06-18 09:54:47
回答 1查看 132关注 0票数 0

我需要在每个缩略图下面插入文本框。我把它和天使一起用。

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

我不使用ng-重复这里的ng模式,我应该使用什么?如何获得所有文本框值或在ng模型中应该使用什么?

代码语言:javascript
复制
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);
});

钉模板

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2014-06-18 12:46:47

代码语言:javascript
复制
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

代码语言:javascript
复制
<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>                                                                                                                                                                                                                                                                   
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24282489

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档