AngularJS

In this article:


    AngularJS is a Javascript framework developed by Google for use in web applications. AngularJS therefore has a lot of tools and advantages when it comes to working with asynchronous load (AJAX).
    AngularJS is built around the MVC design pattern, a development approach that contains three components:

    • Model (M) for data logic.
    • View (V) for display logic (usually in HTML).
    • Controller (C) for application logic i.e. managing the application.

    If you want to know more about AngularJS in general, you can find information on it on their website and in their documentation at https://angularjs.org.

    In the Hostedshop system, we primarily use AngularJS to manage and generate everything around the product list. That is, the actual list of products, filtering products, sorting products and browsing the product list. But also for managing the structure and column boxes, calendar and top products.

    If you want to know more about how AngularJS works in the Hostedshop system, we suggest you take a look at the unmodified Javascript source code, which can be found in 2 files for the product list and 1 file for each of the structure and column boxes. Below you can see the list of Javascript files built with AngularJS:

    • /source/js/app/platform.app.js
    • /modules/product/assets/js/productlist.app.js
    • /modules/column/assets/js/module-calendar.js
    • /modules/column/assets/js/module-topproducts.js