Customizing HTML Content and Standard Components
You can override the HTML for any component that comes with your angular application. You can do so by writing an extension component. Similarly, you can override the methods within it as well. For example, there is a registration method and you want to retain it but want to change the look and feel of the template, you must write an extension component. You can override extension classes, extension services, or extension components that are present within the angular library.
To customize the HTML content
-
Import the miniprofile component from @apttus/ecommerce and extend the miniprofile component. By doing this, all the controller code is inherited from the miniprofile component.
-
From the new component you just created, copy the selector and go to the header where it is referenced and paste the selector.
The profile component is overridden.
Go to my-profile.component.html and within the HTML content add a custom field and save.
Refresh your application on the local machine and you will see the newly added custom field. If you want to assign the custom field to a user that is associated with the component, you can do so by modifying the ngModel. For example: [(ngModel)]="user.My_Custom_field__c"
