Angularjs 为什么我的图片没有使用Angular 1.6和Webpack 4加载？

我有一个角度1.6.9。我正在用Webpack4构建的项目。我无法获取要加载的html中指定的图像。这是我的设置

我有一个控制器，在其中加载带有基本require语句的html

controller.js-

var config = function ($routeProvider) {
    $routeProvider.when('/data/algorithm-input', {
        controller: 'algorithmInputController',
        template: require("./algorithm-input.html")
    });
};

module.exports = { config, controller };

我的html：

<div class="navbar-header" style="height:60px;padding-top:5px">
    <a class="navbar-brand">
        <img alt="Brand" src="../../../img/brand_inverse.png">
    </a>
</div>

下面是放入dom的内容：

<div class="navbar-header" style="height:60px;padding-top:5px">
    <img alt="Brand" src="[object Module]">
</div>

我尝试了

ngsrc

和

src=“${require（'../../path'）}”

。两者都不起作用

---

有人能告诉我我做错了什么吗？

以下是我解决问题的方法。这是一个工作，但它确实工作

在控制器中，我导入了图像

controller.js：

var logo = require('../../../img/brand_inverse.png').default

var controller = function ($scope) {
    $scope.logo = logo;
};

module.exports = { config, controller };

html:

我很想看到它直接导入html，但这目前允许我发货

var logo = require('../../../img/brand_inverse.png').default

var controller = function ($scope) {
    $scope.logo = logo;
};

module.exports = { config, controller };

<div class="navbar-header" style="height:60px;padding-top:5px">
    <a class="navbar-brand">
        <img alt="Brand" src="{{logo}}">
    </a>
</div>