编辑第二个值时获取相同的值

时间:2017-07-24 13:17:17

标签: html angularjs

HTML

<div class="trow-collapse">
    <form role="form" name="Notes" id="Notes">
        <div class="row">
            <div class="col-md-6">
                <p>{{partner.address}}</p>
            </div>
            <div class="col-md-6">
                <div class="partner-note">
                    <div class="form-group">
                        <label>Note</label>
                        <div class="input-group">
                            <textarea rows="7" class="form-control" name="note{{$index}}">{{partner.note}}</textarea>
                            <button class="btn btn-default" ng-click="saveNote(partner.id)">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

的Javascript

$scope.saveNote = function(id){
    console.log(id);       

    var formDataObj = {};
    var myForm = document.getElementById("Notes");
    //console.log(myForm);
    formDataObj.note = myForm.note.value;  

    console.log(formDataObj.note) ;

    getPartners.note(id,formDataObj).then(function(response)
    {       
        $scope.partners = response.data;   
        //$state.go('partners', {}, { reload: true });   
    }); 
};

当我在控制台日志中编辑第二个注释值时,我得到了第一个注释值,但是使用ng-repeat.plz获取不同的id.m帮助我对此进行排序。我希望将数据保存在数据库中。

1 个答案:

答案 0 :(得分:0)

在textarea中使用ng-model,使用它可以获得textarea值。并通过ng-click

传递合作伙伴obj
<div class="trow-collapse">
        <form role="form" name="Notes" id="Notes">
            <div class="row">
                <div class="col-md-6">
                    <p>{{partner.address}}</p>
                </div>
                <div class="col-md-6">
                    <div class="partner-note">
                        <div class="form-group">
                            <label>Note</label>
                            <div class="input-group">
                                <textarea rows="7" class="form-control" name="note" ng-model="partner.note"></textarea>
                                <button class="btn btn-default" ng-click="saveNote(partner)">Save</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

在您的控制器中使用parent.note获取note

的值
$scope.saveNote = function(partner){
    console.log(partner);       

};