如何在角度設置模板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

回答

相關問題