不要在Jasmine Karma Angular中使用$compile

Don't work $compile in Jasmine Karma Angular

本文关键字：compile Angular Jasmine Karma      更新时间：2023-09-26
    (function () {
    'use strict';
    angular
        .module('app.widgets')
        .directive('analiticsHere', analitics);
    function analitics() {
        var directive = {
            template: '<div>hello world</div>'
        };
        return directive;
    }
})();

创建简单指令。我试着测试一下。

inject(function($compile, $rootScope, $templateCache){
            compile = $compile;
            scope = $rootScope.$new();
            template = $templateCache.get('scripts/widgets/templates/Analytics.html');
            console.log(template);//return nothing
            var element = angular.element('<div analitics-here></div>');
            var compiledElement = compile(element)(scope);
            console.log('compiledElement'); //return <div analitics-here="" class="ng-scope"></div>
        });

如果我使用template in指令，就不要添加模板代码。但是ngHtml2JsPreprocessor从我的任何html文件创建html.js。

它是如何工作的?什么好主意吗?

试试下面的代码

inject(function($injector){
        compile = $injector.get("$compile");
        scope = $injector.get("$rootScope").$new();
        template =$injector.get("$templateCache").get('scripts/widgets/templates/Analytics.html');
        console.log(template);
        var element = angular.element('<div analitics-here></div>');
        var compiledElement = compile(element)(scope);
        console.log('compiledElement'); class="ng-scope"></div>
    });
相关文章：