包括在角凉亭组件的HTML模板

问题描述

我通过把它们放在一个单独的亭子分量上做我的角度应用一些重用的指令。

I'm making some reusable directives for my angular apps by putting them in a separate bower component.

我想用一个templateUrl的指令，因此，我不会被迫做的这个职位的三个选项之一：How我使用不同的模板，用我的角度指令凉亭包的下面是建议amoderate意译：1复制和过去的HTML中使用咕噜的模板编译成JS JS文件，2或3把模板在不同的目录，并在服务器处理请求，使指令不只有凉亭安装使用。

I would like to use a templateUrl for the directives so that I am not forced to do one of the three options in this post: How do I use separate templates with my angular directive bower package? Here is amoderate paraphrasing of the suggestions: 1 copy and past html in to the js file, 2 using grunt to compile the templates into js, or 3 put the templates in a different directory and have the server handle the requests, so that the directives are not usable by bower installation only.

有没有办法使用的模板文件中的分量指令更好的方法，或者是凉亭只是没有设立以这种方式工作？

Is there a better way to use template files for the directives in the component, or is bower just not set up to work in this manner?

推荐答案

我没有解决这个问题。对不起，不公布答案早。

I did resolve this issue. I'm sorry for not posting the answer earlier.

我最终使用到Concat的项目内所有的JavaScript文件。因此，模板正确打包到最终的js文件。

I have another grunt task grunt-contrib-concat to concat all the javascript files within the project. So, the templates get bundled into the final js file.

在code和测试，你将能够引用不管您加载的HTML或JavaScript版本的HTML文件相同的方式。

In the code and tests, you will be able to reference your html files the same way regardless of if you are loading the html or javascript version.

例如：

angular.module('myModule')
  .directive('myModuleDirective', function () {
    return {
        restrict: 'E',
        templateUrl: 'templates/mainTemplate.html'
    };
});

这篇关于包括在角凉亭组件的HTML模板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！