Использование тегов ui-select с угловой формальной передачей функции для тегирования атрибутов

Question

Использование тегов ui-select с угловой формальной передачей функции для тегирования атрибутов

0

Я создал настраиваемый шаблон для углового форматирования, используя ui-select для ввода тегов:

formlyConfig.setType({
        name: 'ui-tagging',
        extends: 'select',
        template: '<ui-select multiple tagging="" tagging-label="(\'new\')" ng-model="model[options.key]" theme="bootstrap" ng-required="{{to.required}}" ng-disabled="{{to.disabled}}"> <ui-select-match placeholder="{{to.placeholder}}"> {{$select.selected[to.labelProp || \'name\']}} </ui-select-match> <ui-select-choices repeat="option in to.options | filter: $select.search"> <div ng-bind-html="option | highlight: $select.search"></div> </ui-select-choices> </ui-select>',
    });

Вот проблема, я хочу установить функцию для атрибуции тегирования для преобразования тегов, например, в документы ui-select.

<ui-select tagging="tagTransform" .....

Plunker с примером ui-select: http://plnkr.co/edit/m1SQXUxftBLQtitng1f0?p=preview

Matheus 03 окт. 2015, в 00:54

Источник

Теги:

angularjs

angular-formly

1 ответ

Ещё вопросы

kentcdodds · Accepted Answer · 2015-10-02T19-25-00.000Z

Чтобы сделать это, вы просто ссылаетесь на функцию в своих настройках поля. Что-то вроде: options.templateOptions.tagTransform (у которого есть ярлык: to.tagTransform). Таким образом, у вас может быть что-то вроде:

formlyConfig.setType({
        name: 'ui-tagging',
        extends: 'select',
        template: '<ui-select multiple tagging="to.tagTransform()" tagging-label="(\'new\')" ng-model="model[options.key]" theme="bootstrap" ng-required="{{to.required}}" ng-disabled="{{to.disabled}}"> <ui-select-match placeholder="{{to.placeholder}}"> {{$select.selected[to.labelProp || \'name\']}} </ui-select-match> <ui-select-choices repeat="option in to.options | filter: $select.search"> <div ng-bind-html="option | highlight: $select.search"></div> </ui-select-choices> </ui-select>',
    });

И поле config будет выглядеть примерно так:

{
  type: 'ui-tagging',
  templateOptions: {
    tagTransform: function() {}
  }
}