為什么在webpack中需要html文件時會得到位置字符串？

Question

var uib = $uibModal.open(
  {
    template: require('./create/create.html'),
  }
)

我想要在create.html中獲取內容並以模式顯示它，但它顯示./create/create.html （模式中位置的字符串）。

我在webpack.config.js中添加了html loader：

    {
      test: /\.html$/,
      loader: 'raw-loader',
    },

Answer 1

您應該使用templateUrl

var uib = $uibModal.open({

  templateUrl: require('./create/create.html'),

});

當您想在js中聲明html代碼時，可以使用template
但是如果您想在create.html調用諸如create.html類的html頁面，則必須通過templateUrl進行調用

您也可以在template編寫代碼，例如：

var uib = $uibModal.open({

  template: '<html><h3> Hie i am in js </h3></html>'

});