2017-07-04 80 views
-1

这里是我的代码:角分量不会呈现

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['../assets/css/app.component.css'] 
}) 
export class MainVisualComponent { 
    main_visual_img:string = ""; 
    main_visual_desc:string = ""; 
    main_visual_title:string = ""; 
    constructor(main_visual_img:string, main_visual_desc:string, main_visual_title:string){ 
    this.main_visual_img = main_visual_img; 
    this.main_visual_desc = main_visual_desc; 
    this.main_visual_title = main_visual_title; 
    } 
} 

HTML:

<section style="text-align:center"> 
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
    <visual-item></visual-item> 
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> 
    </a> 
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 
    </a> 
    </div> 
</section> 
+0

'templateUrl: './app.component.html', styleUrls:[” ../assets/css/app .component.css']'它们的路径必须是index.html文件夹的相对路径。如果您使用quickstart或ng-cli项目,通常它是应用程序文件夹。所以它应该是'app/app.component.html'等 – Gary

回答

0

组件的选择是app-root

只是用<app-root></app-root>代替<visual-item></visual-item>

因此您的代码将是:

<section style="text-align:center"> 
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
    <app-root></app-root> 
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> 
    </a> 
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 
    </a> 
    </div> 
</section> 
+0

它的其他组件。 –

+0

has index.html –

0

这只是部分< - >模板结合的问题。

不起作用:

<aria-selected="{{first}}" aria-hidden="{{last}}" aria-controls="SliderItem0{{i+1}}" data-target="#carousel-example-generic" data-slide-to="{{i}}"> 

作品:

<[attr.aria-selected]="first" [attr.aria-controls]="'SliderItem0'+(i+1)" data-target="#carousel-example-generic" [attr.data-slide-to]="i"> 
+0

@thirtydot谢谢 –