2016-07-23 78 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 
    ] 
}) 
相关问题