feat(edgestacks): support kubernetes edge stacks (#5276) [EE-393]

app/edge/components/edge-groups-selector/edgeGroupsSelector.html

@@ -1,4 +1,12 @@
-<ui-select multiple ng-model="$ctrl.model" close-on-select="false" data-cy="edgeGroupCreate-edgeGroupsSelector">
+<!-- on-select/on-remove are called with model because ui-select uses 2-way-binding -->
+<ui-select
+  multiple
+  ng-model="$ctrl.model"
+  close-on-select="false"
+  on-select="$ctrl.onChange($ctrl.model)"
+  on-remove="$ctrl.onChange($ctrl.model)"
+  data-cy="edgeGroupCreate-edgeGroupsSelector"
+>
   <ui-select-match placeholder="Select one or multiple group(s)">
     <span>
       {{ $item.Name }}

app/edge/components/edge-groups-selector/index.js

@@ -3,7 +3,8 @@ import angular from 'angular';
 angular.module('portainer.edge').component('edgeGroupsSelector', {
   templateUrl: './edgeGroupsSelector.html',
   bindings: {
-    model: '=',
+    model: '<',
     items: '<',
+    onChange: '<',
   },
 });