How To Use Alerts by UI Bootstrap Created by Angular JS Team ( Video Tutorial )

Image Source

What Will I Learn?

I will learn how to use the alerts by Ui Bootstrap created by Angular JS team.

• How to create the alerts array , the function to add a new item for this array by the function ' push '
• How to close the alert by the function ' splice ' with the element passed by parameter
• How to use the uib-alert attribute to define it , the ' ng-click , ng-repeat , ng-class ' directive .

Requirements

• Basic Knowledge of HTML and CSS language and Bootstrap .
• Basic Knowledge of JavaScript language .
• Has an editor text support HTML and JavaScript .
• Must has the angular files from the official site .

Difficulty

• Basic

Description

In this video I will show you how to use the alerts by the ng-repeat directive and uib-alert , the ng-class directive and how to call a function by the ng-click directive , how to generate a function to add new object in alerts has the type that going to be the class and the message to display , I added this object by the function ' push ' and I used also the function ' slice ' to close the alert that we have passed by parameter .

Video Tutorial

Curriculum

This is the first video in UI Bootstrap Tutorial.