如何在Angular中处理表中输入字段的默认值？

Question

我想自动将slugInput和versionInput输入设置为事物表的不同值。我怎样才能从数据结构中做到这一点？

以下是我的观点：

<div ng-controller="FileListController as flc">
    <h1>Files Available</h1>
    <table class="table table-striped">
        <thead>
            <tr>
                <th>File Name</th>
                <th>Slug</th>
                <th>Version</th>
                <th></th>
            </tr>
        </thead>
        <tr ng-repeat="file in files">
            <td>{{file}}</td>
            <td><input type="text" class="form-control" ng-model="slugInput"></td>
            <td><input type="text" class="form-control" ng-model="versionInput"></td>
            <td><button type="button" ng-click="packageMod(file, slugInput, versionInput)" class="fa fa-check btn btn-success"></button></td>
        </tr>
    </table>
</div>

Answer 1

一些小改动：

<tr ng-repeat="file in files">
    <td>{{file}}</td>
    <td><input type="text" class="form-control" ng-model="file.slugInput"></td>
    <td><input type="text" class="form-control" ng-model="file.versionInput"></td>
    <td><button type="button" ng-click="packageMod(file)" class="fa fa-check btn btn-success"></button></td>
</tr>

我将参数更改为packageMod。您可以使用packageMod和file.slugInput访问file.versionInput中的值。如果您需要提前设置默认值，请循环浏览文件并相应地设置值。