CoreUI for Angular v5.0.2

CoreUI for Angular v5.0.2

We are pleased to announce the release of CoreUI for Angular v5.0.2, dated April 15, 2024. This update addresses a specific issue to enhance the functionality and compatibility of the CoreUI icon components within Angular environments, particularly following the Angular 17 updates.

How to Update

Updating your project to CoreUI for Angular v5.0.2 is straightforward, ensuring that your application benefits from the latest fixes with minimal effort:

  1. Open your project’s package.json.
  2. Locate the @coreui/angular entry under dependencies and update the version number to 5.0.2.
  3. Save your changes to the package.json file.
  4. In your project’s root directory, execute the update command:
    • For npm users, run npm install.
    • For yarn users, run yarn install.

This update process will integrate the latest enhancements and ensure your project uses the most stable version of CoreUI for Angular.

What’s new

Fixes

  • Icon Directive Binding: Resolved an issue where the cIcon directive’s [name] binding was not correctly refreshing icons when their names were updated in Angular 17. This fix ensures that icons dynamically update in the UI when their bound names change, maintaining the expected reactive behavior across your Angular applications.

This targeted fix is part of our ongoing commitment to maintaining the robustness and reliability of CoreUI’s suite of components, ensuring they function seamlessly within the evolving Angular ecosystem.


For a detailed exploration of all enhancements, fixes, and updates introduced in this minor release, we invite you to review the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to convert a string to boolean in JavaScript
How to convert a string to boolean in JavaScript

How to show or hide elements in React? A Step-by-Step Guide.
How to show or hide elements in React? A Step-by-Step Guide.

How to set focus on an input field after rendering in React
How to set focus on an input field after rendering in React

Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript