2016-07-23 80 views
0

我是Angular2的新手,我正在學習,我正在練習練習。我從Udemy開始學習一門課程,我將這個練習與我的練習進行比較。導入並沒有像預期的那樣生成System.register

我有我的app.component.ts:

import {Component} from 'angular2/core'; 
import {ClienteListaComponent} from './components/cliente-lista.component'; 
import {ClienteDetalleComponent} from './components/cliente-detalle.component'; 


@Component({ 
    selector: 'app', 
    templateUrl: 'app/views/clientes.html', 
}) 

export class AppComponent{ 

} 

顯然,這是在main.ts

import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from './app.component'; 

bootstrap(AppComponent); 

代碼中定義的 「應用程序」 選擇工作正常我的引導。問題是當我嘗試使用「ClienteListaComponent」或「ClienteDetalleComponent」中定義的選擇器時。

我認爲問題是生成app.component.js .. system.register只有angular2/core而不是其他進口。

System.register(['angular2/core'], function(exports_1, context_1) { 
    "use strict"; 
    var __moduleName = context_1 && context_1.id; 
    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 
     return c > 3 && r && Object.defineProperty(target, key, r), r; 
    }; 
    var __metadata = (this && this.__metadata) || function (k, v) { 
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 
    }; 
    var core_1; 
    var AppComponent; 
    return { 
     setters:[ 
      function (core_1_1) { 
       core_1 = core_1_1; 
      }], 
     execute: function() { 
      AppComponent = (function() { 
       function AppComponent() { 
       } 
       AppComponent = __decorate([ 
        core_1.Component({ 
         selector: 'app', 
         templateUrl: 'app/views/clientes.html', 
        }), 
        __metadata('design:paramtypes', []) 
       ], AppComponent); 
       return AppComponent; 
      }()); 
      exports_1("AppComponent", AppComponent); 
     } 
    } 
}); 

..因此,我可以用角2.0.0-beta.14因爲以下使用該過程中使用I'm 「ClienteListaComponent」 和ClienteDetalleComponent」。

I'm。

我發現自己瘋了,我希望任何人都可以幫助我。謝謝...

回答

0

我發現問題..我是問題jejeje ..我沒有加載組件裝飾器內的指令。 我寫了:

@Component({ 
    selector: 'app', 
    templateUrl: 'app/views/clientes.html', 
}) 

,並應

@Component({ 
    selector: 'app', 
    templateUrl: 'app/views/clientes.html', 
    directives:[ 
      PeliculasListComponent, 
      PeliculasFooterComponent 
    ] 
}) 
相關問題