Dynamic option lists for select elements

This should respond better to changes in the model.

diff --git a/ext/afform/core/ang/afField/afField.js b/ext/afform/core/ang/afField/afField.js
index 6c70a98e700f0b962fba9a5f1ee2a593cb7b67c3..bd30e103d8f30452f7a731f1e6e8a30a18e7e428 100644 (file)
--- a/ext/afform/core/ang/afField/afField.js
+++ b/ext/afform/core/ang/afField/afField.js
@@ -17,9 +17,11 @@
         $scope.getData = $scope.afFieldset.getData;
 
         $scope.getOptions = function() {
-          return _.transform($scope.defn.options, function(result, val, key) {
-            result.push({id: key, text: val});
-          }, []);
+          return {
+            results: _.transform($scope.defn.options, function(result, val, key) {
+              result.push({id: key, text: val});
+            }, [])
+          };
         };
 
         $el.addClass('af-field-type-' + _.kebabCase($scope.defn.input_type));

diff --git a/ext/afform/core/ang/afField/widgets/Select.html b/ext/afform/core/ang/afField/widgets/Select.html
index e59b2c724e892df0500142da422ebd3e2cb519d4..01ae74fbe8b613ff27d3938378557439924c97e3 100644 (file)
--- a/ext/afform/core/ang/afField/widgets/Select.html
+++ b/ext/afform/core/ang/afField/widgets/Select.html
@@ -1 +1 @@
-<input crm-ui-select="{data: getOptions(), multiple: defn.input_attrs.multiple}" id="{{ fieldId }}" ng-model="getData()[fieldName]" />
+<input crm-ui-select="{data: getOptions, multiple: defn.input_attrs.multiple}" id="{{ fieldId }}" ng-model="getData()[fieldName]" />