#angularjs #browserify #require
#angularjs #browserify #требовать
Вопрос:
Я вижу некоторые проблемы, когда я использую require() для включения содержимого html-файла в мой угловой компонент. Я скопирую и вставлю только те разделы, которые имеют отношение к проблеме, с которой я столкнулся.
Вот как выглядит мой компонент верхней навигации.
angular.module('topNavModule', [])
.component('topNav', {
//bindings: {
//},
template: require('./topNav.html')
});
Когда я добавляю компонент top-nav в свой основной index.html файл, который я вижу [object Object]. Пожалуйста, обратите внимание, что когда я добавляю встроенный html (вместо require()), я вижу HTML правильно.
Мой topNav.html это просто какой-то простой html-код, заключенный в `. Есть ли что-нибудь еще, что мне нужно сделать, чтобы require() html работал правильно?
Комментарии:
1. Ваш модуль должен экспортировать вашу строку…
2. Можете ли вы включить свою конфигурацию Browserify в свой вопрос? Используете ли вы
stringify
?3. @cartant Я просто установил и использую Browserify. Так что, возможно, используя конфигурацию по умолчанию! Нужны ли нам какие-то дополнительные модули узла, чтобы это работало?
4. @Alexandero’Mara В любом случае мы можем это сделать, не выполняя module.exports?
5. Да, взгляните
stringify
.
Ответ №1:
Хорошо, я на самом деле искал модуль узла partialify.
require() — поддерживает HTML, CSS и (потенциально) больше require() содержимое файлов HTML, CSS и (потенциально) больше в переменную в виде строки.