微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Angular2版本RC.6“directives”里面的@Component错误

我使用Angular2,并从官方网站下载了package.json。当我试图在@Component装饰器中使用“指令”时,我收到这个错误

我附上我的代码错误

[ts]
Argument of type '{ selector: string; template: string; directives: string; 
}' is not assignable to parameter of type 'ComponentMetadataType'.

Object literal may only specific kNown properties,and 'directives' does not
exist in type 'ComponentMetadataType'.
(property) directives: string

这是我的代码

import { Component } from '@angular/core';
import { PeopleListComponent } from './people-list/people-list.component';

@Component({
 selector: 'my-app',template: '<h1>{{ title }}</h1>',directives: ''   //ERROR //NOT ABLE TO RECOGNIZE
})

export class AppComponent { 
  title = "My title";
}

这是我的package.json:

{
          "name": "angular2-quickstart","version": "1.0.0","scripts": {
            "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ","lite": "lite-server","postinstall": "typings install","tsc": "tsc","tsc:w": "tsc -w","typings": "typings"
          },"license": "ISC","dependencies": {
            "@angular/common": "2.0.0-rc.6","@angular/compiler": "2.0.0-rc.6","@angular/compiler-cli": "0.6.0","@angular/core": "2.0.0-rc.6","@angular/forms": "2.0.0-rc.6","@angular/http": "2.0.0-rc.6","@angular/platform-browser": "2.0.0-rc.6","@angular/platform-browser-dynamic": "2.0.0-rc.6","@angular/router": "3.0.0-rc.2","@angular/upgrade": "2.0.0-rc.6","core-js": "^2.4.1","reflect-Metadata": "^0.1.3","rxjs": "5.0.0-beta.11","systemjs": "0.19.27","zone.js": "^0.6.17","angular2-in-memory-web-api": "0.0.18","bootstrap": "^3.3.6"
          },"devDependencies": {
            "concurrently": "^2.2.0","lite-server": "^2.2.2","typescript": "^1.8.10","typings":"^1.3.2"
          }
        }
简单…

问题在于指令:”

作为它的一个数组应该是指令:[]

更新:在RC6或更高版本中,您有@NgModule。在RC6或更高版本中,您必须声明您将在@NgModule中使用的管道和指令,如图所示

import { PeopleListComponent } from './people-list/people-list.component';

@NgModule({
  imports:      [ browserModule],declarations: [ AppComponent,PeopleListComponent ],//<<===here
  providers:    [],bootstrap:    [ AppComponent ]
})

您可以从AppComponent的@Component中删除指令:”

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐