A developer has been working on the landing page section of the application. As per the requirement, the title should be displayed dynamically based on the parameters. The code is written below for the given requirement. Select the correct output after analyzing the code. Assume that all necessary imports are made. @Component({ selector: app-root, template:`
{{getTitle(0)}}
`, styleUrls: [./app.component.css]})export class AppComponent { title = my-app; getTitle(val){ if(val){ return New Heading } return Old Heading }}

Question

A developer has been working on the landing page section of the application. As per the requirement, the title should be displayed dynamically based on the parameters. The code is written below for the given requirement. Select the correct output after analyzing the code. Assume that all necessary imports are made.

@Component({
selector: 'app-root',
template:`
<h1>{{getTitle('0')}}</h1>
`,
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'my-app';

getTitle(val){
if(val){
return "New Heading"
}
return "Old Heading"
}
}

`, styleUrls: [./app.component.css]})export class AppComponent { title = my-app; getTitle(val){ if(val){ return New Heading } return Old Heading }}

anonymous · Accepted Answer

Correct Solution - a

Important Links