Question

我是AngulsrJS的新人，我有以下代码：

<form ng-if="editorCtrl.edit" class="form-horizontal" role="form" ng-submit="editorCtrl.saveEntry()">
    <div class="form-group">
        <div class="col-md-6" ng-repeat="(key,field) in editorCtrl.editEntry">
            <label>{{key}}</label>
            <input type="text" class="form-control" value={{field}} />
        </div>
    </div>
    <!-- ng-model="editorCtrl.toSave[key]" ng-value="{{field}}" that part was in input attributes -->
    <div class="form-group">
        <div style="padding-left:110px">
            <input type="submit" value="Update selected entry" ng-disabled="form.$invalid" class="btn btn-primary"/>
        </div>
    </div>

</form>

现在我需要从输入字段中获取值。我尝试使用ng-model =＆＃34; editorCtrl.toSave [key]，但它的工作方式不正确。

有任何建议如何解决这种情况？

Answer 1

如果您认为没有必要的“toSave”对象，您可以仅使用editEntry对象正确使用双向数据绑定：

<input type="text" class="form-control" value={{field}} ng-model="editorCtrl.editEntry[key]"/>

以这种方式提交后，您将获得editEntry并修改（或不修改）字段，这是一个示例

https://jsfiddle.net/pv8qrwty/1/

运行示例，如果在按下提交按钮后修改了字段，它将显示在浏览器控制台中

希望这有帮助！抱歉我的英语！

如何在ng-repeat之后使用Angular JS从输入字段获取值

1 个答案: