将另一个Component添加到angular 2应用程序中

Question

这里我试图创建一个简单的角度应用程序。我创建了另一个名为tutorialcomponent的组件，而不是app组件。现在使用tutorialComponent的选择器，我试图将它嵌入到app组件中。但是嵌入后我没有获得app组件的输出。 这是我的应用程序组件：

import { Component } from '@angular/core';
import {TutorialComponent} from './tutorial/tutorial.component';

@Component({
  selector: 'app-root',
  template: `./app.component.html
        <app-tutorial></app-tutorial>`,
  styleUrls: ['./app.component.css']
})  
export class AppComponent {
  title = 'My Angular2 Login App';
}

这是tutorialcomponent，

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

@Component({
  selector: 'app-tutorial',
  templateUrl: './tutorial.component.html',
  styleUrls: ['./tutorial.component.css']
})
export class TutorialComponent  {


}

这是我的输出，

所以请建议我绑定组件的方法。

Answer 1

试试这个

$service->files->listFiles(array('q' => "'<FOLDER_ID>' in parents"));

Answer 2

试试这个

@Component({
  selector: 'app-root',
  template: `{{title}}<br><app-tutorial></app-tutorial>`,  //this line
  styleUrls: ['./app.component.css']
})  

我认为您的应用组件正在按预期工作。您没有约束title那些您无法看到该消息的内容。

Answer 3

或者如果你想要一个html文件，你可以试试这个：

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

Puis dans le fichier html tu remets ceci：

<span>{{title}}</span>
<br>
<app-tutorial></app-tutorial>