Angular: format for saving and loading multiple select data

Question

I have a multiselect field in an angular form:

<div crm-ui-field="{name: 'subform.committees', title: ts('Secondary Committee')}">
  <div ng-controller="CommitteeCtrl">
    <select
      multiple="multiple"
      crm-ui-id="subform.committees"
      name="secondary_committee"
      crm-ui-select="{dropdownAutoWidth : true, allowClear: false, placeholder: ts('Choose Committee')}"
      ng-model="mailing.secondary_committee"
      ng-options="comm as comm.label for comm in comms track by comm.value"
    >
      <option />
    </select>
  </div>
</div>

I'm running into problems trying to figure out how to store the data and retrieve it so that the angular form loads the values properly. How does angular expect to see the data?

How about this one?

mbeso
– mbeso

2017-02-28 16:30:02 +00:00
Commented Feb 28, 2017 at 16:30 — mbeso
– mbeso, Commented Feb 28, 2017 at 16:30

raja reddy · Accepted Answer · 2017-03-06 22:47:14Z

1

For MultiSelect ng-model is an Array, while Sending to Back-end you need to make [] as string, then it will fit into one column in DB:

var secondaryCommitteeStr = $scope.mailing.secondary_committee.join(',');

so while retrieving, you need to set your model data as selected entity's array, then angular will automatically populate selection entity's $scope.mailing.secondary_committee.

$scope.mailing.secondary_committee = data.split(',');// service data

edited Mar 6, 2017 at 22:47

user5874509

answered Feb 28, 2017 at 16:39

raja reddy

3822 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

lcdservices Over a year ago

yes, on the retrieval step I wasn't converting back to an array, which was causing the issue.

Collectives™ on Stack Overflow

Angular: format for saving and loading multiple select data

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related