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

in #utopian-io8 years ago (edited)


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.



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

You Learn More From Failure Than From Success. Don't Let It Stop You. Failure Builds Character.

Thank you for your reading , good luck am happy to see your comment

@aymenz, No matter approved or not, I upvote and support you.

Thank you for your support

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Thank you sir

Hey @aymenz I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Thank you

Coin Marketplace

STEEM 0.04
TRX 0.33
JST 0.103
BTC 64157.23
ETH 1797.50
USDT 1.00
SBD 0.39