在update()函数弹出窗口中显示所选值

时间:2017-12-19 06:31:43

标签: javascript jquery html angularjs

我必须使用onClick功能一个用于创建新联系人,我的弹出窗体将出现,这是我的下拉查询将开始运行并显示带有ng-options的下拉列表。现在我的问题是我的另一个更新联系表单的onClick也将显示相同的新查询,而不是显示我已存储的选定选项。

我使用angular.copy来显示更新的表单,console.log显示我已正确存储了数据。我应该怎么做,当我点击我的更新联系人时,它将显示我存储的匹配下拉值。

这是我的视图页面中的html代码。

<div class="new_form_group">
    <label class="control_label">Organisation</label>
    {{ contact.courier_org_id}}
    <select ng-model="contact.courier_org_id"                             
     ng-change="org_id_changeValue(item)" ng-selected="contact.courier_org_id" class="form-control input-sm" ng-options="item.id as item.name for item in getOrganisationList" >
    <option value="">No Organisation</option>
    </select>
</div>

这是我获取下拉列表选项的功能

$scope.getOrgsList = function() {
    $http.post(BASE_URL + 'couriers/contacts/getOrgsList').success(function (data){
        $scope.getOrganisationList = data.orgsList;  //this will return me 6 array of names and id
        $scope.org_id_changeValue = function(item){
            $scope.contactlistdata.courier_org_id = item;
        };
    });
};

这是我的点击事件

<span ng-click="update(contact)" class="a_blue_link" tooltip="Edit & View" tooltip-palcement="top">{{contact.contact_name}}</span>

更新功能

$scope.update = function (contact) {
    $scope.contact = angular.copy(contact);
    $scope.contact.courier_org_id = 0;
    $scope.getOrgsList();
    $scope.create_contact();
};

0 个答案:

没有答案