Introduction
Guidelines to follow in an Angular Project
a) Never write the code for DOM manipulations in angular components, since Angular is designed in such a way to do this automatically based on changes to application data.
Example: if you update the value of the product price variable, the same thing will automatically update in the corresponding label on the page. In such a way, we create application logic to manipulate data but not to manipulate DOM directly. Therefore, we can execute unit testing at any time.
b) Never write Javascript code in Angular templates, as the Angular templates that are HTML code will be converted into equivalent Javascript code which provides DOM at run time. If we place Javascript code in the Angular template, it will not compile properly with the Angular compiler.
c) Never write business logic in components, because components are designed to store application data in the form of array or properties. It's also necessary to provide event handlers to the templates.
Components are never intended to hold business logic, this business logic should be written in services and be invoked in the components. Business logic contains services to become independent of user interface and can be reusable across the application.
d) Never using jQuery to manipulate DOM elements. In Angular we should not use jquery to perform DOM manipulations such as getting, setting textbox values. But however, we can make use of limited jQuery code for some plugins such as drag & drop, modal popups, etc.
These are some guidelines all angular developers should follow. Please tell us how you feel about this blog.