Revision history [back]

To create a new object with a specific type in Angular 2 using the domain model, follow these steps:

1. Define the object type in the domain model using a class or interface.

2. Import the object type into the component where the new object will be created.

3. Create a new instance of the object using the "new" keyword followed by the object type.

4. Assign the desired values to the object properties.

Here's an example of creating a new "User" object:

First, define the "User" class in the domain model:

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

Next, import the "User" class into the component where the new object will be created:

import { Component } from '@angular/core';
import { User } from '../domain-model/user';

@Component({
  selector: 'app-user-form',
  templateUrl: './user-form.component.html',
  styleUrls: ['./user-form.component.css']
})
export class UserFormComponent {
  newUser: User;

  constructor() {
    this.newUser = new User();
  }

  submitForm() {
    // assign values to newUser properties
  }
}

In the constructor, a new instance of the "User" object is created using the "new" keyword followed by the object type. The "newUser" property is then assigned this new object.

To assign values to the properties of the new object, simply access the properties of the "newUser" object and set them equal to the desired values.

For example, if the user's name and email are entered in a form, the "submitForm" method could assign those values to the "newUser" object like this:

submitForm() {
  this.newUser.name = "John Smith";
  this.newUser.email = "john.smith@example.com";
}

Note that this is just an example, and in a real application the values would likely be obtained from user input or retrieved from a database.