Hi, I'm using the 1.0.0-alpha.5 version. I've been trying to mak

Add-on with ng-model="$$value$$" not binding properly in an array about angular-schema-form HOT 2 CLOSED

frikinside commented on May 24, 2024

Add-on with ng-model="$$value$$" not binding properly in an array

from angular-schema-form.

Comments (2)

frikinside commented on May 24, 2024 1

Hi!
Sorry for the late response.
First of all there's no need to thank me for raising the issue properly. I thank you for this awesome module.

The defineAddOn method was the key. I didn't realize that it was needed for the new builders to work and thought that it would work with addMapping & createDirective. Lesson learned!

Thanks for taking the time explaining perfectly something that I could read in the docs. That was my mistake.

from angular-schema-form.

Anthropic commented on May 24, 2024

Your template doesn't need $$value$$ but it does need sf-field-model=\"\"

  $templateCache.put(
    "directives/decorators/bootstrap/addontest/addontest.html",
    "<div class=\"form-group\" ng-class=\"{\'has-error\': hasError()}\">\n  <label class=\"control-label\" ng-show=\"showTitle()\">{{form.title}}</label>\n  <input sf-field-model=\"\" type=\"text\" class= \"form-control\">\n  <span class=\"help-block\">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span>\n</div>\n");
  }]);

If that is executed with the new builders it should work:

    let sfField = sfBuilderProvider.builders.sfField;
    let ngModel = sfBuilderProvider.builders.ngModel;
    let defaults = [ sfField, ngModel ];

    schemaFormDecoratorsProvider.defineAddOn(
      'bootstrapDecorator',
      'addontest',
      'directives/decorators/bootstrap/addontest/addontest.html',
      defaults
    );