chondric/src/directives/cjs-shared-component.js

ChondricJS App Framework

export var cjsSharedComponent = ["$compile", function($compile) {
    return {
        scope: true,
        link: function(scope, element) {
            // clean up the generated html a little
            element.removeAttr("ng-repeat");
            element.removeAttr("cjs-shared-component");

            var cd = scope.componentDefinition;
            // no need to create html elements when using the native implementation
            if (cd.isNative && cd.isNative()) return;
            element.addClass("sharedcomponent-" + cd.id);
            var template = "";
            template += "<div ng-controller=\"componentDefinition.ctrl\" >";
            if (cd.template) {
                template += cd.template;
            } else if (cd.templateUrl) {
                template += "<div ng-include src=\"componentDefinition.templateUrl\"></div>";
            }
            template += "</div>";

            var newElement = angular.element(template);
            $compile(newElement)(scope);
            element.html("");
            element.append(newElement);
        }
    };
}];

export default cjsSharedComponent;