Как использовать многокомпонентные компоненты в angular2

Я новичок в angular2. Я пытаюсь использовать два компонента на одной странице, но он дает мне 404 error.Как использовать многокомпонентные компоненты в angular2

это два моих .ts файлы

app.ts

import {Component, View, bootstrap} from 'angular2/angular2'; 

import {events} from './event.component'; 

@Component(
    { 
     selector: 'contact' 
    }) 
    @View({ 

     templateUrl: './Travel Operator/login.html', 

     directives: [events] 
}) 

export class Contact { 
} 

bootstrap(Contact);

и event.component.ts

import {Component, View, bootstrap} from "angular2/angular2"; 

@Component(
    { 

     selector: 'events' 
    }) 
@View({ 
     template: '<h1>Hello World</h1>' 
}) 


export class events { 

    } 
} 

bootstrap(events);

и я пытаюсь использовать его на моем главном index.html файл, такой как

<html> 
<body> 
    <h1>First Angular App</h1> 

    <div id="content"> 
     <contact></contact> 
    </div> 
    <div id="events"> 
     <events></events> 
    </div> 

</body> 
</html>

, но это дает

"NetworkError: 404 Not Found - http://localhost:55777/event.component " error

Я застрял там, пожалуйста, помогите

источник

2016-08-08 Sanjiv Rajput

Скорее всего, проблема с бэкэнд, а не угловая. – Walfrat

пытается загрузить http: // localhost: 55777/event.component, а не ** http: // localhost: 55777/event.component.js ** –

Проблема заключается в том, что модуль, содержащий ваш компонент событий не загружен правильно. Это скорее проблема с вашей конфигурацией SystemJS. Возможно, вы не помещаете файлы TypeScript в папку app или src.

От 5 мин Quickstart (https://angular.io/guide/quickstart):

var map = { 
    'app': 'app', // 'dist', 
    (...) 
} 

var packages = { 
    'app': { main: 'main.js', defaultExtension: 'js' }, 
    (...) 
};

В этом случае оба JS-файлы для компонентов (в результате машинопись transpilation) расположены в одной и той же папке (app один) так import {events} from './event.component'; будет выглядеть для файла event.component.js в папке app.

источник

2016-08-08 09:34:38

мы можем создать проект angular2 в asp.net mvc4? –

Как использовать многокомпонентные компоненты в angular2

ответ

Смежные вопросы