Change a watch to watchCollection

The data should be an array so watchCollection should be used on the
list provider.

Author: Anthropic

README.md

@@ -82,8 +82,10 @@ Below is an example. The variables use model.variable at the moment, considering
 }
 ```
 
-**Local Data**
+**Local Data** must be an array of strings for now.
+
 Within the schema form controller:
+
 ```javascript
   $scope.cities = [ 'Melbourne', 'Toronto', 'London' ]
 ```
@@ -96,14 +98,14 @@ Within the form definition:
   },
 ```
 
-The loaded data must be in one of the following two formats:
+**Remotely** loaded data must be in one of the following two formats:
 
 **enum**
 ```javascript
 {
   "title":"Suburb",
   "description":"Suburbs for Melbourne, Victoria",
-  "enum":["Hawthorn","Melbourne","Richmond"]
+  "enum":[ "Hawthorn", "Melbourne", "Richmond" ]
 }
 ```
 **titleMap**
@@ -112,10 +114,10 @@ The loaded data must be in one of the following two formats:
   "title":"Suburb",
   "description":"Suburbs for Melbourne, Victoria",
   "titleMap":[
-    {"name":"Hawthorn", "value":"Hawthorn"},
-    {"name":"Melbourne",   "value":"Melbourne"},
+    {"name": "Hawthorn",  "value": "Hawthorn"},
+    {"name": "Melbourne", "value": "Melbourne"},
     ...
-    {"name":"Richmond", "value":"Richmond"}
+    {"name": "Richmond",  "value": "Richmond"}
   ]
 }
 ```

bootstrap-external-options.js

@@ -83,7 +83,7 @@ angular.module('schemaForm').directive('externalOptions', function() {
         };
 
         if (!!scope.form.optionData) {
-          scope.$parent.evalExpr('this').$watch(scope.form.optionData, function(newOptions, oldOptions) {
+          scope.$parent.evalExpr('this').$watchCollection(scope.form.optionData, function(newOptions, oldOptions) {
             var options = {};
             if (angular.isArray(newOptions) && newOptions.length) {
               options = (angular.isString(newOptions[0])) ? { enum: newOptions } : { titleMap: newOptions };

bootstrap-external-options.min.js

@@ -82,7 +82,7 @@ angular.module('schemaForm').directive('externalOptions', function() {
         };
 
         if (!!scope.form.optionData) {
-          scope.$parent.evalExpr('this').$watch(scope.form.optionData, function(newOptions, oldOptions) {
+          scope.$parent.evalExpr('this').$watchCollection(scope.form.optionData, function(newOptions, oldOptions) {
             var options = {};
             if (angular.isArray(newOptions) && newOptions.length) {
               options = (angular.isString(newOptions[0])) ? { enum: newOptions } : { titleMap: newOptions };