在Angular项目中，要实现共享数据模型，可以使用服务（Service）来管理数据。以下是一个基本的示例：

1. 创建一个数据模型（例如，user.model.ts）：

export class User {
  id: number;
  name: string;
}

2. 创建一个共享数据服务（例如，user.service.ts）：

import { Injectable } from '@angular/core';
import { User } from './user.model';

@Injectable({
  providedIn: 'root'
})
export class UserService {
  private users: User[] = [];

  getUsers(): User[] {
    return this.users;
  }

  addUser(user: User): void {
    this.users.push(user);
  }
}

3. 在需要使用共享数据的组件中，注入该服务，并使用它来访问和更新数据（例如，user.component.ts）：

import { Component, OnInit } from '@angular/core';
import { User } from './user.model';
import { UserService } from './user.service';

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

  constructor(private userService: UserService) { }

  ngOnInit(): void {
    this.users = this.userService.getUsers();
  }

  addUser(name: string): void {
    const user: User = { id: this.users.length + 1, name: name };
    this.userService.addUser(user);
  }
}

4. 在组件的模板中使用共享数据（例如，user.component.html）：

Users:

  

    {{ user.name }}
  



Add User

在上述示例中，数据模型User定义了用户的属性。UserService提供了对用户数据的访问和更新方法。UserComponent通过注入UserService来获取并展示用户数据，并提供了一个方法来添加新的用户。在UserComponent的模板中，使用了*ngFor指令来遍历显示所有的用户，并使用双向绑定和事件绑定来实现添加新用户的功能。

这样，当多个组件需要访问和更新相同的数据模型时，它们可以通过注入同一个服务来实现共享数据模型。