ngIncludeを使用したhtmlファイルのインクルード

Question

ng-includeを使用して別のhtmlファイルにhtmlファイルを組み込もうとしています。ウェブパックのバージョンの違いのため、おそらくthisに運がありません。 NG-含ま

package.json

"devDependencies": { 
    ..//other dependencies 
    "required-loader": "^1.3.15", 
    "extract-text-webpack-plugin": "^3.0.1", 
    "file-loader": "^1.1.5", 
    "html-loader": "^0.5.1", 
    "html-webpack-plugin": "^2.30.1", 
    ..//other dependencies 
} 

index.js（アプリへのエントリ・ポイント）

import angular from 'angular' 
import uirouter from 'angular-ui-router' 
import routes from './routes' 

//trying to require all files inside views/all dir/all html files 
//@require "../views/**/*.html" 

angular.module('app', [uirouter]) 
    .config(routes) 
    .controller('LoginCtrl', function() {}) 

index.htmlファイルを内のファイルを検索しようとし

404エラーnavbar.htmlファイルを含める必要があります。

index.html 
views 
--> common 
    --> navbar.html 

index.htmlを

<div ng-include="'navbar.html'"> 

Answer 1

私はこの問題を解決する代わりに、NG-INCLUDEを使用するより良いアプローチを発見しました。私はnavbar用の角度成分を作成し、それをhtmlに挿入しました。コンポーネント定義内

<navbar></navbar> 

、私はHTMLテンプレート

import navbarTemplate from '../PATH'; 

angular.module('app') 
    .component('navbar', { 
     template: navbarTemplate, 
     ... 
});