Я создал user photo component
, который принимает значение @Input()
, это значение userId. Если значение передано, я извлекаю информацию из Firebase
, ссылаясь на этот userId, если это не так, я делаю что-то еще.
Моя пользовательская фото компонента
import { Component, OnInit, OnDestroy, Input } from '@angular/core';
@Component({
selector: 'user-photos',
templateUrl: './user-photos.component.html',
styleUrls: ['./user-photos.component.css']
})
export class UserPhotoComponent implements OnInit {
@Input() userId: string;
constructor() {
console.log('userId is:',this.userId);
}
ngOnInit() {
}
ngOnDestroy() {
}
}
Как вы можете видеть, я объявил userId как @Input()
, теперь на моем edit-profile component
у меня есть следующее:
<user-photos [userId]="TestingInput"></user-photos>
Теперь компонент User Photo получает визуализацию, поскольку я вижу тег h1
, но userId всегда undefined?
В консоли разработчика не появляются ошибки, поэтому я не совсем уверен, что я сделал неправильно.