Require function in AngularJS templates

I want use require function inside template, there’s an example of usage:

<div data-ng-include="require('myApp/templates/directive.html')"></div>

After processing of this template by wepback, module with this template will look like this:

function(module, exports) {
    var path = '/some/prefix/path/myApp/templates/directive.html';
    window.angular.module('ng').run(['$templateCache', function(c) {
        c.put(path, "<div data-ng-include=\"require('myApp/templates/directive.html')\"></div>")
    }]);
    module.exports = path;
}

But require function should be replaced by webpack_require function and the result module should be like this:

function(module, exports) {
    var path = '/some/prefix/path/myApp/templates/directive.html';
    window.angular.module('ng').run(['$templateCache', function(c) {
        c.put(path, "<div data-ng-include=\"'" + __webpack_require__(123) + "'\"></div>")
    }]);
    module.exports = path;
}

Additionally, require function can be used not only in ng-include, ng-inline directives, it can be used in other custom attributes also.

[k-stasevich]

“ngtemplate-loader”: “1.3.1”,

/**

• build templates form angular */ { test: /.html$/, loader: “ngtemplate?relativeTo=” + (path.resolve(__dirname, ‘./src/app’)) + “/!html” }

<ng-include src=“‘components/header/navigation/navigation.html’”></ng-include> // WORK <ng-include src=“‘./components/header/navigation/navigation.html’”></ng-include> // NOT WORK <ng-include `src=“‘/components/header/navigation/navigation.html’”></ng-include> // NOT WORK

project root: src/app/components/header/navigation/navigation.html

i think you can close this issue

[WearyMonkey]

Closing as out of scope.