2016-10-17 10 views
0

Я вижу некоторые проблемы, когда я использую require() для включения содержимого html-файла в свой угловой компонент. Я скопирую только те разделы, которые имеют отношение к проблеме, с которой я столкнулся.require() html-файл в браузере npm build

Вот как выглядит мой компонент верхнего уровня.

angular.module('topNavModule', []) 
.component('topNav', { 
    //bindings: { 
    //}, 
    template: require('./topNav.html') 
}); 

Когда я добавляю компонент верхнего уровня в свой основной файл index.html, я вижу [объект Object]. Обратите внимание, когда я добавляю html inline (вместо require()), я вижу HTML правильно.

My topNav.html - это просто простой HTML-код, заключенный в `. Есть ли что-нибудь еще, что мне нужно сделать, чтобы make() html работал правильно?

+0

Вам необходимо экспортировать строку ... –

+1

Можете ли вы включить конфигурацию браузера в свой вопрос? Используете ли вы ['stringify'] (https://github.com/JohnPostlethwait/stringify)? – cartant

+0

@cartant Я просто установил и использую Browserify. Так что, возможно, используя конфигурацию по умолчанию! Нужны ли нам дополнительные модули узлов для этой работы? –

ответ

0

Хорошо, я фактически искал модуль узла partialify.

require() - способный HTML, CSS и (потенциально) больше require() содержимое файла HTML, CSS и (потенциально) больше в переменной в виде строки.