2016-10-05 78 views
1

使用嵌套組件我有一對夫婦組件模塊聲明,當我使用模板的角度傾斜的指令語法找到組件 - 我得到這個錯誤在角2

'test-cell-map' is not a known element: 
  1. 如果「測試-cell-map'是一個Angular組件,然後驗證它是否是該模塊的一部分。
  2. 如果'test-cell-map'是一個Web組件,那麼將「CUSTOM_ELEMENTS_SCHEMA」添加到此組件的'@ NgModule.schema'中以禁止此消息。

這裏是組件模塊,

import { BrowserModule } from '@angular/platform-browser';                                              
import { NgModule } from '@angular/core';                                                  
import { FormsModule } from '@angular/forms';                                                 
import { HttpModule } from '@angular/http';                                                 

import { AppComponent } from './app.component';                                                
import { TestCellMapComponent } from './test-cell-map/test-cell-map.component';                                        

@NgModule({                                                         
    declarations: [                                                       
     AppComponent,                                                       
     TestCellMapComponent                                                     
    ],                                                           
    imports: [                                                         
     BrowserModule,                                                       
     FormsModule,                                                       
     HttpModule                                                        
    ],                                                           
    providers: [],                                                        
    bootstrap: [AppComponent]                                                     
})                                                            
export class AppModule { }                                                      

這是頂級組件看起來像

import { Component } from '@angular/core';                                                  

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

})                                                            
export class AppComponent {                                                     
    title = 'app works!';                                                      
} 

什麼,以及與其相關聯的模板

<h1>                                                           
    {{title}}                                                         
    <test-cell-map></test-cell-map>                                                    
</h1> 
+0

請張貼TestCellMapComponent代碼也。 – micronyks

回答

1

你有問題與TestCellMapComponent選擇

<h1>                                                           
    {{title}}                                                         
    <app-test-cell-map></app-test-cell-map>  //<<<<===== changed                                                             
</h1> 
+0

是的,這是答案 - >我使用的是Angular-CLI,由於某種原因,它在子組件 – bischoffingston

+0

的選擇器中的名稱中添加了「app」。發生 ! – micronyks

+1

原因是這是在前綴angular-cli.json中配置的。 – dec