如何在角度设置模板url 2

我使用@angular/cli创建了一个新的角度应用程序。在那个应用程序模板已经有app component。在该应用程序组件内部，我想使用另一个component，它叫做user。所以在@Component里面有一个叫templateUrl的property，也有人说只使用template。所以我应该使用哪一个，哪个最好。目前我正在尝试使用templateUrl。如何在角度设置模板url 2

觉得这是我的app.component.ts

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

，这是我user.component.ts

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

所以我如何使用我的user组件与app component。我试着给relative paths，但它没有工作，并给absolute path也没有工作。我很困惑。希望你对此有所帮助。

来源

2017-06-04 Marlon Brando

如果你想使用的应用程序组件内部的用户组件，然后使用''应用的模板中。 – Santosh

那么'templateUrl'为 –

很多时候，最好有一个单独的模板文件，以便它更容易编辑和维护... U使用templateUrl提供文件链接...如果你想添加内嵌html ，然后使用模板 – Santosh

使用我的用户组件与应用程序组件。如果你想使用的用户组件与应用程序组件，然后

添加应用所以你app.template的模板中的用户组件。 HTML将包含 <app-user></app-user>
添加所述用户组件内app.module

@NgModule（{ ... 声明：[AppComponent，UserComponent] ... }）

您可以了解更多关于多个组件here

来源

2017-06-04 16:02:55 Santosh

我想用它作为'templateUrl' –

'我不想' - >你不想使用templateurl？或者你想使用模板网址？ – Santosh

对不起，我的坏。用模板属性输入错误 –

与012无关，只需使用下面的我的app component中的选择器。

里面我的app.component.html我们应该使用user组件selector名称如下。

<div class="row"> 
    <app-user></app-user> 
</div>

这将显示app component

来源

2017-06-04 16:53:48

名称selector内user component内容在user.component.ts文件和文件app.component.ts使用它在template。然后你可以使用这两个组件。

user.component.ts

@Component({ 
    selector: 'app-user', 
    templateUrl: './user.component.html', 
})

app.component.ts

@Component({ 
    selector: 'app-root', 
    template:`<app-user></app-user>`, 
})

如果要创建文件手动记得在app.module.ts文件declarations添加UserComponent。

@NgModule({ 
    declarations: [ 
    AppComponent, 
    UserComponent 
    ],

来源

2017-11-09 12:07:44

需要在.ts文件中添加html组件，但在templateUrl中，您可以提供html文件的链接，您可以在其中为html组件保留单独的文件。 –

如何在角度设置模板url 2

回答

相关问题