How to pass mvc view in template url in type script file in angular 4

Question

i am using angular 4 in mvc architecture . wheneve i gona pass mvc view in template url in the app.component.ts file it shows some error. can i pass the mvc view in the type script file or i have to create a html file in app folder.

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

@Component({
    selector: 'my-app',
    templateUrl: '/Home/Index.cshtml',
})
export class AppComponent  {
    name = '';
}

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div id="Registeration">
    <my-app>Loading AppComponent content here ...</my-app>
    <input type="text" [(ngmodel)]="name"/>
    <p>{{name}}</p>
 
</div>

i am new in angular 4 . I have run angular cli command for just set up the angular 4 in visual studio solution. — shami sheikh
– shami sheikh, Commented Dec 6, 2017 at 13:41
Read it, It may help stackoverflow.com/questions/35762515/is-angular2-mvc — Manzer A
– Manzer A, Commented Dec 6, 2017 at 13:55
I just want to use app.component.ts file for index.cshtml . and i think the way i am passing the view into template url is not correct . I mean is it the right way to pass the mvc view in template url. like we can pass the html file in template url as follows './app.component.html' — shami sheikh
– shami sheikh, Commented Dec 6, 2017 at 13:57

Manzer A · Accepted Answer · 2017-12-06 14:04:51Z

0

Possible solution

app.component.ts

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

app.component.html

<child-cmp></child-cmp> <------ selector of child component

child.component.ts

@Component({
  selector: 'child-cmp',         <----pass this selector to view this component
  templateUrl: './child.component.html', 
  styleUrls: ['./child.component.css']
})

name = 'child';

Put your index.cshtml file in child.component.html

child.component.html

<div id="Registeration">   
    <input type="text" [(ngmodel)]="name"/>
    <p>{{name}}</p>
</div>

answered Dec 6, 2017 at 14:04

Manzer A

3,9266 gold badges41 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass mvc view in template url in type script file in angular 4

1 Answer 1

Possible solution

app.component.ts

app.component.html

child.component.ts

child.component.html

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Possible solution

app.component.ts

app.component.html

child.component.ts

child.component.html

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related