in bemjson

{
    block: 'block-name1',
    attrs: { id: 'ID' },
    content: 'content'
}

in bemhtml

block('block-name2')(
    attrs()({ id: 'ID' }), // или function() { return { id: this.ctx.id }; } во вторых скобочках
    content()('content')
);

Спасибо.

а как сделать в случае radio-group, т.е. добавить id к каждому input ?

нужно реализовать следующее:

 <div id="type-selector" class="controls">
  <input type="radio" name="type" id="changetype-all" checked="checked">
  <label for="changetype-all">All</label>

  <input type="radio" name="type" id="changetype-establishment">
  <label for="changetype-establishment">Establishments</label>

  <input type="radio" name="type" id="changetype-address">
  <label for="changetype-address">Addresses</label>

  <input type="radio" name="type" id="changetype-geocode">
  <label for="changetype-geocode">Geocodes</label>
</div>

@Sergei-b84 какой BEMJSON на входе?

@tadatuta пытался сделать так, но не знаю как присвоить id каждому input. Структура конечно не совсем получается такой, какую описал выше, но это не столь важно. Главное id прописать.

{
block : 'radio-group',
mods : { theme : 'islands', size : 'm', type : 'line' },
name : 'type',
val : 1,
options : [
    { val : 1, text : 'All' },
    { val : 2, text : 'Establishments' },
    { val : 3, text : 'Addresses' },
    { val : 4, text : 'Geocodes' }
]
}

P.S.: в идеале бы конечно, сделать полное соответствие.

@Sergei-b84 Если задача просто добавить уникальные id для label и input, то достаточно такого шаблона в radio/__control/radio__control.bemhtml (имя файла важно для порядка сборки шаблонов):

block('radio-group').def()(function() {
    return applyNext({ needsIds: true });
});

block('radio').elem('control').match(function() { return this.needsIds; }).attrs()(function() {
    return this.extend(applyNext(), { id: this.generateId() });
});

Если id должны быть заданы заранее, то можно их указать в BEMJSON в объектах, передаваемых в options и пробросить в атрибуты:

// BEMJSON
{
    block : 'radio-group',
    mods : { theme : 'islands', size : 'm', type : 'line' },
    name : 'type',
    val : 1,
    options : [
        { val : 1, text : 'All', id: 'all' },
        { val : 2, text : 'Establishments', id: 'establishment' },
        { val : 3, text : 'Addresses', id: 'address' },
        { val : 4, text : 'Geocodes', id: 'geocode' }
    ]
}

// BEMHTML
block('radio-group').def()(function() {
    return applyNext({ needsIds: true, options: this.ctx.options });
});

block('radio').def()(function() {
    return applyNext({ pos: this.position });
});

block('radio').elem('control').match(function() { return this.needsIds; }).attrs()(function() {
    return this.extend(applyNext(), { id: 'changetype-' + this.options[this.pos - 1].id });
});

Но если по какой-то причине нужна именно такая разметка, как в предыдущем комментарии, то я бы предложил вообще отказаться от использования radio-group и написать BEMJSON явно:

{
    block: 'controls',
    attrs: { id: 'type-selector' },
    content: ['all', 'establishment', 'address', 'geocode'].map(function(control, idx) {
        return [
            { tag: 'input', attrs: { type: 'radio', name: 'type', id: 'changetype-' + control, checked: !idx ? 'checked': undefined } },
            { tag: 'label', attrs: { for: 'changetype-' + control }, content: control.toUpperCase() }
        ];
    })
}