When working with an Angular2+ application, consider the scenario where a public property 'foo' is declared in a component:
@Component({
selector: 'my-component',
templateUrl: './my-component.component.html'
})
export class MyComponent {
foo: string;
}
If another component named MyComponent2 also declares a property named 'foo', are these independent properties unique to their respective classes? In other words, does myComponent.foo refer to a different property than myComponent2.foo?