AngularJs – Developers Journal https://developersjournal.in Journal for Developers Wed, 22 Nov 2017 03:51:18 +0000 en-US hourly 1 https://wordpress.org/?v=4.9 https://developersjournal.in/wp-content/uploads/2017/05/cropped-dj-circular-1-1-100x100.png AngularJs – Developers Journal https://developersjournal.in 32 32 AngularJS vs jQuery: Comparison https://developersjournal.in/angularjs-vs-jquery-comparison/ https://developersjournal.in/angularjs-vs-jquery-comparison/#respond Tue, 07 Nov 2017 08:50:35 +0000 https://developersjournal.in/?p=2475 AngularJS vs jQuery

Comparison of two powerful Client Side Javascript technologies AngularJS and jQuery.

The post AngularJS vs jQuery: Comparison appeared first on Developers Journal.

]]>
AngularJS vs jQuery

In this journal entry, we will be having a look at AngularJS vs jQuery. We will also try to list down some of the best features available in both of these technologies. But before diving deep into this topic lets first understand these topics in slight more details.

AngularJS

AngularJS is a product by Google and it’s MVC-based framework. AngularJS is a great tool for creating dynamic and highly rich client side web applications. As being a framework, it dictates us to follow some rules and a structured approach. It’s not just a JavaScript library but a framework that is perfectly designed.

AngularJS utilizes HTML’s syntax as your template language and develop the components of your application compactly. Dependency Injection and data binding, few of the features of AngularJS helps to eliminate major chunk of the code which otherwise had to be written.

To read more about the features offered by AngularJS, please check this journal entry, “Features and Benefits of AngularJS”.

Let’s have a look at some of the pros and cons for using AngularJS.

Pros

  • Easy to learn
  • Perfect for Single Page Applications
  • Easy to unit test
  • Code less, get more functionality
  • Provided re-usability with the help of components

Cons

  • Applications written in AngularJS are not that secure.
  • If the end-user disables JavaScript on their browsers then they only see the basic HTML page.

jQuery

jQuery is a lightweight, quick, small, and feature-rich Javascript Library. jQuery tries to make HTML tag traversal and control, animations, event handling, and Ajax calls more straightforward. All of these are done via a simple API calls that works over many programs.

Using jQuery, we can:

  • easily manipulate the contents of a webpage
  • apply styles to make UI more attractive
  • easy DOM traversal
  • effects and animation
  • simple to make AJAX calls and
  • utilities and much more… etc.

Now we have a slight understanding of what these two technologies exactly are and capable of, let’s look at some of the differences and features of AngularJS and jQuery.

AngularJS vs jQuery

AngularJSjQuery
AngularJS is best suited for the web application developmentjQuery is a fast and feature-rich language
Helps in developing interactive and robust web applications.A commendable JavaScript library and a great tool for creating feature-rich websites
Supports the Two-Way Data BindingDoesn't support the Two-Way Binding
Mostly used for SPA (Single Page Applications)Can be used to create any websites or web applications
DOM manipulation is one part of the AngularJS frameworkjQuery is all about the DOM manipulation

The post AngularJS vs jQuery: Comparison appeared first on Developers Journal.

]]>
https://developersjournal.in/angularjs-vs-jquery-comparison/feed/ 0
Protractor: Angular Testing Framework https://developersjournal.in/protractor-angular-testing-framework/ https://developersjournal.in/protractor-angular-testing-framework/#respond Fri, 03 Nov 2017 09:57:13 +0000 https://developersjournal.in/?p=2439 Protractor Angular Testing Framework

An end-to-end test framework for Angular and AngularJS applications.

The post Protractor: Angular Testing Framework appeared first on Developers Journal.

]]>
Protractor Angular Testing Framework

Protractor is an end-to-end test framework for Angular and AngularJS applications. Protractor runs tests against your application running in a real browser, interacting with it as a user would.

Protractor Angular Testing Framework Features

  • Built on top of WebDriverJS, which uses native events and browser-specific drivers to interact with your application as a user would.
  • Protractor supports Angular-specific locator strategies, which allows you to test Angular-specific elements without any setup effort on your part.
  • You no longer need to add waits and sleeps to your test. Protractor can automatically execute the next step in your test the moment the webpage finishes pending tasks, so you don’t have to worry about waiting for your test and webpage to sync.

#Setup

Protractor is a Node.js program. To run, you will need to have Node.js installed. You will download Protractor package using npm, which comes with Node.js. You can check the version and upgrade Node.js version already installed on your machine.

Once you are ok with the Node.js version, follow this simple command to install Protractor on your machine.


npm install -g protractor

The above command will install two command line tools protractor and webdriver-manager

Trying running the command protractor –version to make sure it’s running.

The webdriver-manager command line tool is a helper tool to get an instance of running Selenium Server easily. Use the following command to download the necessary binaries.


webdriver-manager update

Once all the necessary binaries are downloaded let’s start the server with the following command:


webdriver-manager start

The above will start the Selenium Server and will output a bunch of info logs. Protractor tests will send requests to this server to control a local browser. The information about the status of the server can be seen at http://localhost:4444/wd/hub.

#Write a Test

Protractor needs two files to run the tests, a spec file, and configuration file.

Let’s take the example of the ToDo list on the Angular website and create a test case to add a new ToDo item to the list. Copy the below code in the file todo-spec.js.

describe('angularjs homepage todo list', function() {
  it('should add a todo', function() {
    browser.get('https://angularjs.org');

    element(by.model('todoList.todoText')).sendKeys('write first protractor test');
    element(by.css('[value="add"]')).click();

    var todoList = element.all(by.repeater('todo in todoList.todos'));
    expect(todoList.count()).toEqual(3);
    expect(todoList.get(2).getText()).toEqual('write first protractor test');

    // You wrote your first test, cross it off the list
    todoList.get(2).element(by.css('input')).click();
    var completedAmount = element.all(by.css('.done-true'));
    expect(completedAmount.count()).toEqual(2);
  });
});

The describe and it syntax is from the Jasmine framework. browser is a global created by Protractor, which is used for browser-level commands such as navigation with browser.get.

#Configuration

Now let’s create the configuration file.

exports.config = {
  seleniumAddress: 'http://localhost:4444/wd/hub',
  specs: ['todo-spec.js']
};

The above-specified configuration files tell Protractor where your test files (specs) are, and where to talk to your Selenium Server (seleniumAddress). It will use the defaults for all other configuration. Chrome is the default browser.

#Run the Test

Now let’s run the test using the command provided below:


protractor conf.js

You should be able to Chrome browser window open up and navigate to the to-do list app on the AngularJS page, then close itself down (this happens very fast). The final test result output on the terminal window should be something like this:


1 test, 3 assertions, 0 failures.

Congratulations, you just created and run a successful Protractor test case.

The post Protractor: Angular Testing Framework appeared first on Developers Journal.

]]>
https://developersjournal.in/protractor-angular-testing-framework/feed/ 0
Angular 5.0 – Available Now https://developersjournal.in/angular-5-0-available-now/ https://developersjournal.in/angular-5-0-available-now/#respond Fri, 03 Nov 2017 07:19:29 +0000 https://developersjournal.in/?p=2435

Angular 5.0 - Pentaganol Donut has been released with new features and bugfixes.

The post Angular 5.0 – Available Now appeared first on Developers Journal.

]]>

Angular 5

Angular team has just released the latest version of the Angular v5 termed as “Pentaganol Donut”. This release contains new features, bugfixes, and is making Angular smaller, faster, and easier to use.

Here’s the list of some of the biggest changes in v5.

#Build Optimizer

A tool included with the CLI for making the project bundles smaller using the semantic understanding your Angular application. All of the production builds created with the help of CLI will now apply the build optimizer tool by default.

Build optimizer serves two main jobs:

  1. Mark the parts of your application as pure, removing additional parts of your application that aren’t needed.
  2. Remove Angular decorators from the application’s runtime code. The decorators are used by the compiler and aren’t needed at the runtime.

These two main jobs help in decreasing the size of our Javascript bundles and thus increase the boot speed of the applications.

#Compiler Improvements

The Angular compiler has been improved to support the incremental compilations. The incremental compilations help in faster rebuilds, especially in the case of production builds and builds with AOT.

#Internationalized Number, Date, and Currency Pipes

The Angular team has built new number, date, and currency pipes that increase standardization across browsers and eliminate the need for i18n polyfills.

Angular have relied on the browser to provide the number, date, and currency formatting using browser i18n APIs. This resulted in the need for a polyfill for most developers, meant that users were seeing inconsistent results across browsers.

In 5.0.0 the team has updated the pipes to use their own implementation, relying on the CLDR to provide extensive locale support and configurations for any locales you want to support. Please have a look at the document comparing the pipe behavior between v4 and v5.

#ReflectiveInjector replaced with StaticInjector

In order to remove even more polyfills, the Angular team has replaced the ReflectiveInjector with the StaticInjector. This injector no longer requires the Reflect polyfill, reducing application size for most developers.

Before

ReflectiveInjector.resolveAndCreate(providers);

After

Injector.create(providers);

#New Router Lifecycle Events

New lifecycle events have been added to the router, allowing developers to track the cycle of the router from the start of running guards through to completion of activation. These events could be used for things such as showing a spinner on a specific router outlet when a child is updating or to measure the performance of guards and/or resolvers.

The new events (in sequence) are:

GuardsCheckStart

ChildActivationStart

ActivationStart

GuardsCheckEnd

ResolveStart

ResolveEnd

ActivationEnd

ChildActivationEnd.

#RxJS 5.5

The use of RxJS has been updated to 5.5.2 or later. With the latest release of RxJS it fully empowers the developers to use a new way of importing called “lettable operators“. This avoids the side effects of the previous import mechanism.

#Angular/CLI v1.5

Starting with the release of CLI v1.5, Angular 5 support is added by default. This minor release also has the build optimizer turned on by default to benefit the developers for small bundles.

#Angular Forms

Forms play a very important part of many applications. The developers can now run the validation and value updates on Angular Forms either on blur or on submit instead of on every input event.

#HttpClient

HttpClient was shipped with Angular 4.3 in @angular/common as an easier, smaller, and powerful way to make web requests in Angular. Since its inception, the HttpClient has gotten some great praise from the developers. So, the Angular team has now started recommending HttpClient for all applications and deprecating the previous @angular/http library.

To update to HttpClient, you’ll need to replace HttpModule with HttpClientModule from @angular/common/http in each of your modules, inject the HttpClient service, and remove any map(res => res.json()) calls, which are no longer needed.

 

For a full list of the changes please see the changelog.

The post Angular 5.0 – Available Now appeared first on Developers Journal.

]]>
https://developersjournal.in/angular-5-0-available-now/feed/ 0
Angular2 vs React – War of Facts | An Infographic https://developersjournal.in/angularjs-vs-react-facts-figures/ https://developersjournal.in/angularjs-vs-react-facts-figures/#comments Mon, 24 Jul 2017 17:52:22 +0000 https://developersjournal.in/?p=1671

Certain things remain unchecked in the web world, especially when it comes to major developer frameworks, Angular2 and ReactJS

The post Angular2 vs React – War of Facts | An Infographic appeared first on Developers Journal.

]]>

Certain things remain unchecked in the web world, especially when it comes to major developer frameworks, Angular2 and ReactJS. Both the frameworks are easy to use and have a high potential of developing cutting-edge mobile and web applications. So which one is better?

It completely depends on developers to choose React or Angular2 as both come with their own shortcomings and strengths. For gaining more clarity over both of these frameworks let’s understand the same through an infographic. Let us examine the popular features and functions along with the differences in both.

Angular2 vs React – War of Facts | An Infographic

Courtesy to: Algoworks

The post Angular2 vs React – War of Facts | An Infographic appeared first on Developers Journal.

]]>
https://developersjournal.in/angularjs-vs-react-facts-figures/feed/ 1
How to Create Custom Pipes in Angular 2 https://developersjournal.in/how-to-create-custom-pipes-in-angular-2/ https://developersjournal.in/how-to-create-custom-pipes-in-angular-2/#comments Mon, 24 Jul 2017 10:59:01 +0000 https://developersjournal.in/?p=1667

Pipes in Angular takes the data and transforms this input data to the desired output

The post How to Create Custom Pipes in Angular 2 appeared first on Developers Journal.

]]>

In Angular, we can write our own custom pipes to transform the input data as per our desired output. If you want to learn first about pipes, then you can check the journal entry “Understanding Angular Pipes”.

In this journal entry, we will be focusing on creating a custom pipe as per our requirements.

Below is the sample code, basic definition or the structure of creating a custom pipe.

Points to remember while defining your custom pipe in Angular:

  • The Pipe is a class that contains “pipe” metadata.
  • The Pipe class contains method “transform”, which is implemented from “PipeTransform” interface. This method accepts the value and optionally accepts the arguments and converts it to the required format.
  • We can add the required argument to the “transform” method.
  • The @pipe decorator is used to declare Pipe and it is defined in core Angular library, so we need to import this library. This decorator allows us to define the name of Pipe, which is used in HTML markup.
  • The “transform” method can return any type of value. If our Pipe’s return type is decided on run time, we can use “any,” otherwise, we can define specific types like number or string.

The PipeTransform interface

The transform method is essential to a pipe. The PipeTransform interface defines that method and guides both tooling and the compiler. Technically, it’s optional; Angular looks for and executes the transform method regardless.

EXAMPLE

Bold pipe example:

In the below-specified example, we have created a custom pipe which converts the text value to bold and returns that text as an output.

The post How to Create Custom Pipes in Angular 2 appeared first on Developers Journal.

]]>
https://developersjournal.in/how-to-create-custom-pipes-in-angular-2/feed/ 1
Understanding Angular Pipes https://developersjournal.in/understanding-angular-pipes/ https://developersjournal.in/understanding-angular-pipes/#respond Mon, 24 Jul 2017 06:42:43 +0000 https://developersjournal.in/?p=1662

Pipes in Angular 2 are used to transform the output data before displaying to the web page

The post Understanding Angular Pipes appeared first on Developers Journal.

]]>

Pipes in Angular are a way to transform the output data before sending it to the users’ view.

Types of Built-In Pipes that Angular provide

  • DatePipe
  • AsyscPipe
  • JsonPipe
  • CurrencyPipe
  • LowerCasePipe
  • UpperCasePipe
  • DecimalPipe
  • PercentPipe
  • SlicePipe
  • TitlePipe

Let’s take an example of DatePipe and see how these Pipes are used.


import { Component } from '@angular/core';

@Component({
 selector: 'hero-birthday',
 template: `<p>The hero's birthday is {{ birthday | date }}</p>`
})
export class HeroBirthdayComponent {
 birthday = new Date(1988, 3, 15); // April 15, 1988
}

The focus here should be on the components template block:

<p>The hero's birthday is {{ birthday | date }} </p>

Inside the interpolation expression, you flow the component’s birthday value through the pipe operator ( | ) to the Date pipe function on the right. All pipes work this way.

Parameterizing a pipe

A pipe can accept any number of optional parameters to format its output. To add parameters to a pipe, follow the pipe name with a colon ( : ) and then the parameter value (such as currency:'EUR').

Modify the birthday template which is used above to give the date pipe a format parameter. After formatting the hero’s April 15th birthday, it renders as 04/15/88:

<p>The hero's birthday is {{ birthday | date:"MM/dd/yy" }} </p>

Chaining pipes

You can chain pipes together in potentially useful combinations. In the following example, to display the birthday in uppercase, the birthday is chained to the DatePipe and on to the UpperCasePipe. The birthday displays as APR 15, 1988.

<p>The hero's birthday is {{ birthday | date:"MM/dd/yy" | upperCase }} </p>

 

The post Understanding Angular Pipes appeared first on Developers Journal.

]]>
https://developersjournal.in/understanding-angular-pipes/feed/ 0
Top 8 Tools for Angular Development https://developersjournal.in/top-8-tools-for-angular-development/ https://developersjournal.in/top-8-tools-for-angular-development/#respond Wed, 19 Jul 2017 11:06:42 +0000 https://developersjournal.in/?p=1414 Angular CLI

Among the many alternatives for Javascript frameworks, we have a great love for Angular. So, to share our love with others we have tried to curate the list of the Top 8 tools available for Angular development. Angular CLI Angular Universal Augury Celerio Angular Quickstart Codelyzer Compodoc Lite-Server Universal for ASP.NET        

The post Top 8 Tools for Angular Development appeared first on Developers Journal.

]]>
Angular CLI

Among the many alternatives for Javascript frameworks, we have a great love for Angular. So, to share our love with others we have tried to curate the list of the Top 8 tools available for Angular development.

Angular CLI

Angular CLI

Angular Universal

Angular Universal

Augury

Angular Augury

Celerio Angular Quickstart

Angular Celerio

Codelyzer

Angular Codelyzer

Compodoc

Angular Compodoc

Lite-Server

Angular Lite Server

Universal for ASP.NET

Angular ASPNET Javascript Services

 

 

 

 

The post Top 8 Tools for Angular Development appeared first on Developers Journal.

]]>
https://developersjournal.in/top-8-tools-for-angular-development/feed/ 0
Angular 4.3 Now Available https://developersjournal.in/angular-4-3-now-available/ https://developersjournal.in/angular-4-3-now-available/#comments Wed, 19 Jul 2017 10:08:51 +0000 https://developersjournal.in/?p=1393

A few days back, the Angular team has announced a newer version of Angular 4.3, this version is a minor release of the framework. This release version contains no breaking changes and it is just designed as a drop-in replacement for earlier versions 4.x.x. This release is just the Angular team’s adoption of Semantic Versioning. […]

The post Angular 4.3 Now Available appeared first on Developers Journal.

]]>

A few days back, the Angular team has announced a newer version of Angular 4.3, this version is a minor release of the framework. This release version contains no breaking changes and it is just designed as a drop-in replacement for earlier versions 4.x.x.

This release is just the Angular team’s adoption of Semantic Versioning. Wondering what’s the adoption of Semantic Versioning is, well as per the team out there, “Semantic Versioning means that our version numbers are meaningful. Patch releases will not change the functionality, minor releases will contain only additive changes, and breaking changes are reserved for major releases.”

Features Include

  • The introduction of a new smaller, easier to use and powerful library HttpClient for making HTTP requests.
  • New router lifecycle events for Guards and Resolvers. Four new events: GuardsCheckStart, GuardsCheckEnd, ResolveStart, ResolveEnd join the existing set of life cycle event such as NavigationStart.
  • The ability to conditionally disable animations.
  • Deprecates support for the emulated /deep/ CSS Selector. This has been done to match browser implementations and Chrome’s intent to remove. ::ng-deep has been added to provide a temporary workaround for developers currently using this feature.

The full changelog is available here.

 

The post Angular 4.3 Now Available appeared first on Developers Journal.

]]>
https://developersjournal.in/angular-4-3-now-available/feed/ 1
Getting Started with NativeScript https://developersjournal.in/getting-started-with-nativescript/ https://developersjournal.in/getting-started-with-nativescript/#respond Tue, 27 Jun 2017 07:07:58 +0000 https://developersjournal.in/?p=1264 NativeScript Logo

Web developers, do you want to build amazing iOS and Android apps, then NativeScript could possibly be one of the solutions for you. NativeScript is free and open source framework for building truly native mobile apps using the web technologies you already know, i.e., Angular, Typescript, or Javascript. NativeScript renders UIs with the native platform’s rendering engine—no […]

The post Getting Started with NativeScript appeared first on Developers Journal.

]]>
NativeScript Logo

Web developers, do you want to build amazing iOS and Android apps, then NativeScript could possibly be one of the solutions for you.

NativeScript is free and open source framework for building truly native mobile apps using the web technologies you already know, i.e., Angular, Typescript, or Javascript.

NativeScript renders UIs with the native platform’s rendering engine—no WebViews—resulting in native-like performance and UX.

The NativeScript cross-platform modules give you the convenience of writing iOS and Android apps from a single codebase, while the NativeScript runtimes give you the power of accessing native APIs, SDKs, and frameworks when you need them—all without needing to open Xcode or Android Studio.

There are few Pre-Requisites before starting up with NativeScript.

  1. Javascript – Basic knowledge of JS, such as functions, loops, if statements, etc.
  2. CSS – You should be familiar with writing CSS selectors and know how to apply CSS rules as name-value pairs.
  3. Terminal / Command Prompt – You should know to open terminal/command prompt, make and change directories, and how to execute commands.
  4. IDE: You favorite text editor for writing NativeScript or you can use one of our favorites “Visual Studio Code” or “Atom”.

In the next upcoming articles, we will be sharing the steps on how to install and start developing native apps using NativeScript on your development machine.

The post Getting Started with NativeScript appeared first on Developers Journal.

]]>
https://developersjournal.in/getting-started-with-nativescript/feed/ 0
Features and Benefits of AngularJS https://developersjournal.in/features-and-benefits-of-angularjs/ https://developersjournal.in/features-and-benefits-of-angularjs/#respond Mon, 08 May 2017 12:16:47 +0000 https://developersjournal.in/?p=561

Some of the features and benefits of AngularJs that the javascript developer must be aware of when they are deciding which framework to pick for their project.

The post Features and Benefits of AngularJS appeared first on Developers Journal.

]]>

HP X3500 Wireless Mouse (Black)

As a Javascript developer, you must be wondering why you should be using AngularJs framework when there are so many other frameworks are available. Well here are some of the features and benefits of AngularJs that the javascript developer must be aware of when they are deciding which framework to pick for their project.

MVC Architecture

AngularJs implements the MVC architecture beautifully. It lets the developers just write the components of the MVC model and then it takes the rest of the magic of stringing them up together. AngularJs MVC architecture is somewhat very close to MVVM (Model-View-ViewModel). The major components of the MVC are:

Model: This is the data of the application. This data can be a static data or dynamically fetched data from the servers which can be located in different parts of the world using JSON format as the response type.
The Model (data) is just the plain old javascript object called $scopeThe fact that the data which we are dealing with is vanilla javascript, this cuts down on the application boilerplate, which means that we don’t need to inherit any other framework classes, neither wrap it in proxy objects or use any special getter/setter for accessing the data.

View: This is the HTML that exists after AngularJs has parsed and compiled the HTML to include the rendered markups and bindings.
In general, the View comprises the HTML and Diirectives. So being the HTML this is the part which is visible to the users (using web browsers).

ViewModel: A viewmodel is an object that provides specific data and methods to maintain specific views.
The viewmodel is the $scope  object that lives within the AngularJS application. $scope is just a simple JavaScript object with a small API designed to detect and broadcast changes to its state.

Controller: The controller actually controls the entire business logic of your application. The controller is responsible for setting the initial stage, that is, it initializes and registers the application by creating a new Angular Module.
The controller does not store the state and does not interact with remote services.

Two-Way Data Binding

Data-binding is probably the coolest and most useful feature in AngularJS. It creates a link between model and view.

Angular implements the Two-Way Data Binding which is an extraordinary feature integrated into its framework. Any changes to the view gets reflected in the model, similarly, any change in the model will reflect in the view. This is a two way process.

To use the two-way data binding, Angular provides us with the directive “ng-model”. This directive helps in binding the model to the view.

Here is the small demonstration of how the two-way data binding works.

<!doctype html>
<html ng-app>
	<head>
		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.32/angular.min.js"></script>
	</head>
	<body>
		<div>
			<label>Name:</label>
			<input type="text" ng-model="yourName" placeholder="Enter a name here">
			<hr>
			<h1>Hello, {{yourName}}!</h1>
		</div>
	</body>
</html>

In the above example, the input textbox and the <h1> are bind together.

Templates

In Angular, the term Template refers to a view with HTML elements.

<div ng-app="AngularApp">
<input type="text" ng-model="angular" />
${{angular}}
</div>

An Angular template looks pretty much like a markup, except for its attributes. To make it dynamic, however we need to add a controller and a model.

Below are the list of the elements and attributes which make up the template by extending the HTML vocabulary.

a) Directive – In the above example, the ng-app and ng-model are directives.

b) Markup – Binding the view with a model using the curly braces {{ angular }} (expressions) is the markup.

c) Filters – Filters are useful for formatting the value in an expression. It is very useful.

d) Form Controls – We can use Angular Form Controls to validate user inputs. Let us assume the form has an input field, which accepts email ids only. The form control will validate the input and display a message if the value is invalid.

Directives

Directives are the attributes which are attached to HTML elements. The directives when applied have to start with the prefix “ng-“. So whenever, the directive is attached to the HTML element, it tells the AngularJs that this element is now part of the angular app and it has to be treated that way.

Here is an example of another useful directive “ng-include”. This directive helps in adding the content of the .htm/.html file.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.32/angular.min.js"></script>
</head>
<body>
<div ng-app>
<div ng-include="'hello-world.htm'"></div>
</div>
</body>
</html>

The example has two distinct directives. The first is the ng-app to initialize the app. This will tell Angular about the app and its features. Next is the ng-include directive, which is useful for displaying data extracted from an external file.

The post Features and Benefits of AngularJS appeared first on Developers Journal.

]]>
https://developersjournal.in/features-and-benefits-of-angularjs/feed/ 0