Angular & MVVM

Model

Just file like user.class.ts

class User {
  name:string;
  email:string;
  address:string;
}

View

HTML template user.component.html of component

<main>
  <h3>{{ user.name }}</h3>
  <p>{{ user.email }}</p>
  <p>{{ user.address }}</p>
</main>

ViewModel

Typescript part of a component

@Component({
    selector:"app-user",
    templateUrl:"./user.component.html",
    styleUrls: ["./user.component.css"]
    providers: [UserService]
})
export class UserComponent implements OnInit {
  @Input()
  user: User;    
}

Похожие записи

@Directive v/s @Component in Angular

Компоненты создают DOM элементы и добавляют к ним поведение, а директивы только добавляют поведение к существующим DOM элементам

13 августа 2018 г. в Angular

@Attribute() декоратор

Аналогично @Input() позволяет получить значение атрибута с хоста компонента/директивы, но не отслеживает дальнейшее изменение атрибута.

15 сентября 2019 г. в Angular