Адрес подгрузки компонентов Angular 2

368
09 августа 2017, 22:10

Как сказать ангуляру, какой адрес для подгрузок использовать вместо адреса html страницы? Имеем код

@Component({
    selector: 'purchase-app',
    styleUrls: ['app/app.component.css'],
    templateUrl: 'app/app.component.html'
})

И т.к. сайт загружается с корня адреса например my.com то и файлы начинают тащиться с my.com/app/app.component.css хотя сам компонент загружается правильно, благодаря настройке SystemJS - baseURL. Должно быть что-то типа my.com/static/app/app.component.css

(function (global) {
  System.config({
      baseURL: '/static',
    paths: {
      // псевдоним для пути к модулям
        'npm:': 'node_modules/',
        'app': 'app/'
    },
    // указываем загрузчику System, где искать модули
    map: {
      // наше приложение будет находиться в папке app
      app: 'app',
      // пакеты angular
      '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
      '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
      '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
      '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
      '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
      '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
      '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
      // остальные пакеты
      'rxjs':                      'npm:rxjs',
      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'
    },
    // пакеты, которые указывают загрузчику System, как загружать файлы без имени и расширения
    packages: {
      app: {
        main: './main.js',
        defaultExtension: 'js'
      },
      rxjs: {
        defaultExtension: 'js'
      }
    }
  });
})(this);
READ ALSO
Как отработать js-функцию после загрузки картинки?

Как отработать js-функцию после загрузки картинки?

Есть функция которая проверяет размеры картинки, как сделать так, чтобы она выполнялась после загрузки картинкиИначе возвращаются пустые...

324
Как называется плагин на jquery

Как называется плагин на jquery

Нужно узнать какой плагин используется в хедере на сайте https://omolokoicecream-chl

307
webpack-stream, ошибки компиляции

webpack-stream, ошибки компиляции

Используется webpack-stream, задача вынесена в отдельный модуль

289
Не работает обработчик закрытия lightbox

Не работает обработчик закрытия lightbox

Это Lightbox, рядом с большим изображением есть кнопка, при клике на которую Lightbox скрывается, но почему-то не работает обработчик на кнопку

280