Create a directive module with AngularJs | (English Video Tutorial) by rdvn

View this thread on: hive.blog | peakd.com | ecency.com

utopian-io · @rdvn · Feb 20 '18 (edited)

$34.70

Create a directive module with AngularJs | (English Video Tutorial)


### Details

<br> 
![rdvn (1).jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519059641/vg9x3ynxiiuxa8fkrpod.jpg)

**Tutorial about:** Create a directive model with AngularJs  (English Video Tutorial)<br>
**Video  Language :** English Language <br>
**Githup link:**  [AngularJS](https://github.com/angular/angular.js),
>**What is AngularJS ? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop. [AngularJS More detail](https://angularjs.org/)**

### What We Can Learn?
In this video tutorial we can learn about how to create a directive module with  ng model and  angularjs codes. In this lesson we are going to look at how to create a text area,select,and input than how to design and edit text area section than  I am going to name for textarea than i'll give this name front side. I'm going to do step by step. If you want to learn AngularJS you can follow me.

### We Learn About
- How to call angularJS framework version 1.5.0.
- How to give value of input , select ,textarea .
- How to add model name front side.
- How to edit AngularJs 


### Requirements
- **1-** Plunker Program
- **2-** AngularJs code knowledge.
- **3-** Basic CSS code knowledge.
- **4-** Basic HTML code knowledge.


### My Operating System
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516379881/libdd6r5olbo0zfe18ct.png)

### Difficulty
- Basic level


### Description
 In this video going to be showing you how to create a directive module ng model and angular js codes .You are going to see of part how  I created it. I will use plunker with this project . Firstly I'll call angularJs documents then I will start a project. I hope you like it. Let's go to the project!
I explained for this project with Angularjs in video.

**Video Tutorial - English Language - 720p**
https://www.youtube.com/watch?v=3IaVv13eknw&feature=youtu.be

### Curriculum
Here we go some AngularJS by me.
- [My AngularJS Example 1](https://utopian.io/utopian-io/@rdvn/create-a-detail-connect-form-with-angularjs-or-serie-1-english-video-tutorial)
- [My AngularJS Example 2](https://utopian.io/utopian-io/@rdvn/create-a-counter-button-with-angularjs-or-english-video-tutorial)
- [My AngularJS Example 3](https://utopian.io/utopian-io/@rdvn/create-a-show-and-hide-menu-with-angularjs-or-english-video-tutorial)

### [ANGULARJS REPOSITORY](https://github.com/angular/angular.js)

###  More Details About Tutorial
 <br>
### Github Repository
AngularJS Github view.
![Screenshot_2.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518530627/buykb0ljdfxw8jodln0r.jpg)

<br>
--------------------------
-----------------------------
 <center>Author : @rdvn</center>


<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@rdvn/create-a-directive-module-with-angularjs-or-english-video-tutorial">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>

👍 utopian-io, adol, flauwy, mooncryption, espoem, rufans, utopian-1up, stoodkev, mahdiyari, e-babil, ronimm, luoq, amosbastian, rhotimee, yandot, mufasatoldyou, thatmemeguy, coolguy123, gotgame, exploreand, helo, lemony-cricket, moorkedi, zoltarian, howtosteem, cifer, idlebright, acrywhif, jesdn16, makrotheblack, isabella394, kslo, ansonoxy, steemitstats, jrmiller87, simonluisi, navx, zinonweke, opulence, fknmayhem, bitopia, omersurer, irfandogan, dethclad, zoneboy, berkaytekinsen, phgnomo, roj, erhanoz, isacastillor, not-a-bird, nathalie13, sweeverdev, marianarojas, abelcachay, neokuduk, rolltwodice, smafey, mckeever, jdc, fabiocola, dyancuex, ytibrahim, bargolis, and 62 others

properties (23)

author

rdvn

permlink

create-a-directive-module-with-angularjs-or-english-video-tutorial

category

utopian-io

json_metadata

{"community":"utopian","app":"utopian/1.0.0","format":"markdown","repository":{"id":460078,"name":"angular.js","full_name":"angular/angular.js","html_url":"https://github.com/angular/angular.js","fork":false,"owner":{"login":"angular"}},"pullRequests":[],"platform":"github","type":"video-tutorials","tags":["utopian-io","utopian-io","videotutorial"],"users":["rdvn"],"links":["https://res.cloudinary.com/hpiynhbhq/image/upload/v1519059641/vg9x3ynxiiuxa8fkrpod.jpg","https://github.com/angular/angular.js","https://angularjs.org/","https://res.cloudinary.com/hpiynhbhq/image/upload/v1516379881/libdd6r5olbo0zfe18ct.png","https://utopian.io/utopian-io/@rdvn/create-a-detail-connect-form-with-angularjs-or-serie-1-english-video-tutorial","https://utopian.io/utopian-io/@rdvn/create-a-counter-button-with-angularjs-or-english-video-tutorial","https://utopian.io/utopian-io/@rdvn/create-a-show-and-hide-menu-with-angularjs-or-english-video-tutorial","https://res.cloudinary.com/hpiynhbhq/image/upload/v1518530627/buykb0ljdfxw8jodln0r.jpg"],"image":["https://res.cloudinary.com/hpiynhbhq/image/upload/v1519059641/vg9x3ynxiiuxa8fkrpod.jpg","https://res.cloudinary.com/hpiynhbhq/image/upload/v1516379881/libdd6r5olbo0zfe18ct.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1518530627/buykb0ljdfxw8jodln0r.jpg"],"moderator":{"account":"gerginho","time":"2018-02-20T10:53:37.200Z","reviewed":true,"pending":false,"flagged":false},"questions":[],"score":0}

created

2018-02-20 09:43:15

last_update

2018-02-20 10:53:36

depth

children

last_payout

2018-02-27 09:43:15

cashout_time

1969-12-31 23:59:59

total_payout_value

24.344 HBD

curator_payout_value

10.360 HBD

pending_payout_value

0.000 HBD

promoted

0.000 HBD

body_length

3,086

author_reputation

12,487,610,583,231

root_title

"Create a directive module with AngularJs | (English Video Tutorial)"

beneficiaries

0.

`account`	utopian.pay
`weight`	2,500

max_accepted_payout

1,000,000.000 HBD

percent_hbd

10,000

post_id

39,025,604

net_rshares

7,632,176,634,590

author_curate_reward

vote details (126)

voter	rshares	pct
adol	527,135,131,319	50%
mr-anderson	526,830,874	100%
rufans	18,828,780,700	100%
mckeever	812,433,159	50%
thatmemeguy	6,683,393,554	50%
dyancuex	775,689,800	50%
gunina	516,937,532	50%
jdc	788,158,675	20%
bargolis	664,713,941	5%
helo	5,368,690,608	100%
flauwy	178,750,249,714	30%
mahdiyari	13,191,958,610	20%
ronimm	12,275,877,216	100%
mufasatoldyou	7,304,544,955	100%
dysc0rd	402,746,069	100%
makrotheblack	2,780,686,864	50%
simonluisi	2,000,575,050	100%
thinkkniht	500,079,142	75%
cifer	2,956,182,930	80%
jesdn16	2,888,902,613	100%
odibezeking	420,625,650	100%
yandot	7,899,762,753	30%
stoodkev	14,706,438,672	10%
luisrod	115,940,930	15%
mooncryption	28,379,446,240	100%
ansonoxy	2,097,641,137	100%
smafey	820,328,639	50%
espoem	21,615,741,351	40%
gotgame	6,215,428,297	100%
zoneboy	1,450,324,959	50%
omersurer	1,619,367,153	5%
idlebright	2,954,274,217	50%
coolguy123	6,234,690,796	2%
odebgaming	439,024,641	100%
fknmayhem	1,763,028,040	15%
utopian-io	6,621,327,824,376	4.78%
kona9918	217,680,647	50%
moorkedi	3,829,184,746	100%
kslo	2,325,803,939	50%
zoltarian	3,052,769,272	5%
nathalie13	1,078,326,319	100%
not-a-bird	1,154,553,266	15%
adhew	61,532,000	10%
bitopia	1,717,601,053	100%
berkaytekinsen	1,447,658,408	100%
zapper	88,027,113	1%
greenorange	554,672,567	100%
steemitstats	2,060,149,337	5%
fabiocola	787,030,800	100%
navx	1,963,124,619	70%
family.app	124,404,504	100%
irfandogan	1,494,567,921	10%
erhanoz	1,215,753,905	10%
varja	238,760,854	50%
maphics	99,394,573	100%
dethclad	1,483,697,244	50%
sebastiengllmt	306,775,823	50%
utopian-1up	17,949,495,831	100%
luoq	10,033,543,783	100%
ewq	109,298,001	3%
phgnomo	1,273,119,434	25%
zlatkamrs	414,083,550	70%
amosbastian	9,404,930,524	50%
acrywhif	2,918,774,212	80%
layanmarissa	221,327,405	50%
proffgodswill	61,609,892	10%
sweeverdev	1,052,002,634	50%
isacastillor	1,166,933,939	95%
jerybanfield	96,625,461	50%
abelcachay	1,015,817,139	100%
marianarojas	1,015,971,246	100%
rhotimee	8,136,684,704	50%
jrmiller87	2,043,736,423	100%
patatesyiyen	74,782,441	12.5%
deejee	116,634,914	20%
rsteem	61,813,970	25%
ytibrahim	775,174,031	50%
e-babil	12,641,304,124	93%
onin91	165,597,499	50%
isabella394	2,450,280,760	100%
zinonweke	1,813,689,103	75%
sportscontest	66,401,622	50%
neokuduk	962,868,961	100%
urbangladiator	439,367,500	100%
literaturk	499,805,855	100%
lemony-cricket	4,562,064,005	20%
yeswanth	613,238,558	100%
exploreand	5,778,141,816	25%
cashthekush	279,526,865	50%
petvalbra	607,470,765	100%
cthkrn	217,841,711	50%
steemassistant	435,565,122	100%
olayhemy	319,864,448	50%
photohunter1	90,020,568	100%
photohunter2	99,950,690	100%
photohunter3	99,604,162	100%
photohunter4	84,986,416	100%
photohunter5	82,487,898	100%
howtosteem	3,049,076,236	100%
sylinda	220,856,063	50%
jbeguna04	368,461,237	50%
fmbs25	304,732,941	50%
livsky	264,455,293	50%
gsxr	603,990,104	100%
roj	1,248,173,232	100%
kid1412	280,775,008	50%
elasevimli	437,246,069	50%
paav	460,332,608	75%
amirdesaingrafis	226,167,422	50%
fai.zul	252,146,378	50%
nightdragon	164,914,031	50%
kilianparadise	180,889,552	50%
flinter	156,368,962	50%
opulence	1,790,136,177	50%
phasma	122,704,606	20%
donjyde	248,556,954	50%
crispycoinboys	447,962,845	75%
gwapoaller	301,268,378	50%
said78	239,284,045	100%
bluestorm	462,718,496	75%
genoner	231,006,207	50%
dexter24	218,134,088	50%
pepememes	61,873,474	50%
rolltwodice	858,305,225	100%
rolld20	87,097,707	100%
flugbot	122,643,184	100%

@gerginho · Feb 20 '18

$1.11

Thank you for the contribution. It has been approved.

You can contact us on [Discord](https://discord.gg/uTyJkNm).
**[[utopian-moderator]](https://utopian.io/moderators)**

👍 utopian.tip

`author`	gerginho
`permlink`	re-rdvn-create-a-directive-module-with-angularjs-or-english-video-tutorial-20180220t105341531z
`category`	utopian-io
`json_metadata`	{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
`created`	2018-02-20 10:53:42
`last_update`	2018-02-20 10:53:42
`depth`	1
`children`	1
`last_payout`	2018-02-27 10:53:42
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.830 HBD
`curator_payout_value`	0.275 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	172
`author_reputation`	3,574,684,637,492
`root_title`	"Create a directive module with AngularJs \| (English Video Tutorial)"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	39,039,120
`net_rshares`	197,498,796,672
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
utopian.tip	0 B		197,498,796,672	18.97%

@utopian.tip · Feb 20 '18

Hey @gerginho, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!

properties (22)

`author`	utopian.tip
`permlink`	re-re-rdvn-create-a-directive-module-with-angularjs-or-english-video-tutorial-20180220t105341531z-20180220t224944
`category`	utopian-io
`json_metadata`	""
`created`	2018-02-20 22:49:45
`last_update`	2018-02-20 22:49:45
`depth`	2
`children`	0
`last_payout`	2018-02-27 22:49:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	158
`author_reputation`	238,310,597,885
`root_title`	"Create a directive module with AngularJs \| (English Video Tutorial)"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	39,186,264
`net_rshares`	0

@kavinpeterson · Feb 20 '18

nice post thanks for sharing....

properties (22)

`author`	kavinpeterson
`permlink`	re-rdvn-create-a-directive-module-with-angularjs-or-english-video-tutorial-20180220t094351623z
`category`	utopian-io
`json_metadata`	{"tags":["utopian-io"],"app":"steemit/0.1"}
`created`	2018-02-20 09:43:57
`last_update`	2018-02-20 09:43:57
`depth`	1
`children`	1
`last_payout`	2018-02-27 09:43:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	32
`author_reputation`	-8,532,760,100
`root_title`	"Create a directive module with AngularJs \| (English Video Tutorial)"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	39,025,728
`net_rshares`	0

@rdvn · Feb 20 '18

wow ! you are fastest man a life !

properties (22)

`author`	rdvn
`permlink`	re-kavinpeterson-re-rdvn-create-a-directive-module-with-angularjs-or-english-video-tutorial-20180220t094433065z
`category`	utopian-io
`json_metadata`	{"tags":["utopian-io"],"app":"steemit/0.1"}
`created`	2018-02-20 09:44:30
`last_update`	2018-02-20 09:44:30
`depth`	2
`children`	0
`last_payout`	2018-02-27 09:44:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	34
`author_reputation`	12,487,610,583,231
`root_title`	"Create a directive module with AngularJs \| (English Video Tutorial)"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	39,025,838
`net_rshares`	0

@steemitstats · Feb 20 '18

@rdvn, Upvote for supporting you.

properties (22)

`author`	steemitstats
`permlink`	20180220t094540098z-post
`category`	utopian-io
`json_metadata`	{"tags":["utopian-io"]}
`created`	2018-02-20 09:45:48
`last_update`	2018-02-20 09:45:48
`depth`	1
`children`	0
`last_payout`	2018-02-27 09:45:48
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	33
`author_reputation`	351,882,871,185
`root_title`	"Create a directive module with AngularJs \| (English Video Tutorial)"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	39,026,078
`net_rshares`	0

@utopian-1up · Feb 20 '18

<div class="pull-left">

![1UP-Kayrex_tiny.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515383984/ekyf2thxg7j2t0qro1h3.png)

</div>

<div class="text-justify">


### You've got upvoted by <code>Utopian-1UP</code>!
You can give up to ten [1UP](https://steemit.com/utopian-io/@steem-plus/steemplus-2-4-utopian-1up-is-here)'s to Utopian posts every day after they are accepted by a Utopian moderator and before they are upvoted by the official @utopian-io account. Install the @steem-plus browser extension to use 1UP. By following the 1UP-trail using [SteemAuto](https://steemauto.com/) you support great Utopian authors and earn high curation rewards at the same time. 

<hr>

1UP is neither organized nor endorsed by Utopian.io!

</div>

properties (22)

`author`	utopian-1up
`permlink`	20180220t135857528z
`category`	utopian-io
`json_metadata`	{"app":"1up"}
`created`	2018-02-20 13:58:57
`last_update`	2018-02-20 13:58:57
`depth`	1
`children`	0
`last_payout`	2018-02-27 13:58:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	764
`author_reputation`	2,324,758,056,093
`root_title`	"Create a directive module with AngularJs \| (English Video Tutorial)"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	39,077,904
`net_rshares`	0

@utopian-io · Feb 20 '18

### Hey @rdvn I am @utopian-io. I have just upvoted you!
#### Achievements
- WOW WOW WOW People loved what you did here. GREAT JOB!
- You have less than 500 followers. Just gave you a gift to help you succeed!
- Seems like you contribute quite often. AMAZING!
#### Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. <a href="https://discord.gg/zTrEMqB">Participate on Discord</a>. Lets GROW TOGETHER!
- <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1">Vote for my Witness With SteemConnect</a>
- <a href="https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1">Proxy vote to Utopian Witness with SteemConnect</a>
- Or vote/proxy on <a href="https://steemit.com/~witnesses">Steemit Witnesses</a>

[![mooncryption-utopian-witness-gif](https://steemitimages.com/DQmYPUuQRptAqNBCQRwQjKWAqWU3zJkL3RXVUtEKVury8up/mooncryption-s-utopian-io-witness-gif.gif)](https://steemit.com/~witnesses)

**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**

properties (22)