组件不呈现Angular 2 Typescript

发布时间：2020-12-17 09:53:15 所属栏目：安全来源：网络整理

导读：我正在尝试学习Angular 2,经过大量的错误消息后我终于得到了路线工作,我可以显示我想要的组件.现在我想显示我的主页组件,我希望这个组件中有一个导航栏组件. Home.ts： import {Component,View} from 'angular2/core';import {Navbar} from './navbar/navbar

我正在尝试学习Angular 2,经过大量的错误消息后我终于得到了路线工作,我可以显示我想要的组件.现在我想显示我的主页组件,我希望这个组件中有一个导航栏组件.

Home.ts：

import {Component,View} from 'angular2/core';
import {Navbar} from './navbar/navbar'

@Component({
  selector: 'home'
})

@View({
  templateUrl: '/app/home/home.html'
})

export class Home {

    constructor:(public navbar: Navbar) {
    }

}

home.html的：

<p>NICE!</p>
<navbar></navbar>

navbar.ts：

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

@Component({
  selector: 'navbar'
})

@View({
  template: `
  <ul>
    <li>This is the navbar</li>
  </ul>
  `
})

export class Navbar{
}

主页正在显示,但标签只保留< navbar>< / navbar>当我检查它.我究竟做错了什么？

如果你想要navbar组件,你需要将它添加到父组件的directives属性中,而不是在它的构造函数中,如下所示：

@Component({
  selector: 'home',templateUrl: '/app/home/home.html',directives: [ Navbar ]
})
export class Home {
  constructor() {

  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!