support bem-components

[Guria]

Define directive in template for each block from bem-components.
In directives:

• provide support of ngModel
• expose bemjson parameters as attributes

Maybe it should be implemented in separate repo.

[awinogradov]

@Guria i think about this. Thanks!

[Guria]

working example for input:

modules.define('angular-bem', ['jquery'], function(provide, $, ngBem) {
    provide(ngBem.directive('inputAngular', function() {
        return {
            restrict : 'C',
            require : '?ngModel',
            link : function(scope, element, attrs, ngModel) {
                if(!ngModel) return;

                var input = $(element).bem('input');

                ngModel.$render = function() {
                    input.setVal(ngModel.$viewValue || '');
                };

                input.on('change', function() {
                    scope.$evalAsync(read);
                });

                read();

                function read() {
                    ngModel.$setViewValue(input.getVal());
                }
            }
        }
    }));
});

[awinogradov]

Cool!!!

[Guria]

We can list here bem-components blocks that need such directives.

• input
• attach
• checkbox
• checkbox-group
• menu
• menu-item
• radio
• radio-group
• progressbar
• select