Angular JS

HTML enhanced for web apps!

Warum AngularJS?

HtML Ist Statisch

JavaScript soll das Lösen

HTML bleibt aber meißt wie es ist

ODER wird gänzlich wegabstrahiert

Dadurch wERDEN die AppliKationen oft schwer lesbar

Warum ist AngularJS besser?

AngularJS erweiterT HTML

... und bringt im neue Tricks bei

Aus

<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#home">Home</a></li>
  <li><a href="#profile">Profile</a></li>
  <li><a href="#messages">Messages</a></li>
  <li><a href="#settings">Settings</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="home">...</div>
  <div class="tab-pane" id="profile">...</div>
  <div class="tab-pane" id="messages">...</div>
  <div class="tab-pane" id="settings">...</div>
</div>
<script>
  $('#myTab a:last').tab('show');
</script>

Wird

<tabview>  <tab label="Home" href="#home">...</tab>  <tab label="Profile" href="#profile">...</tab>  <tab label="Messages" href="#messages">...</tab>  <tab label="Settings" href="#settings">...</tab></tabview>

Ok, cool...

 ABER WIE WIRD DAS GEMACHT?

Directives

Das kann sein

ein HTML element

<tab>

Ein Attribut

<div label="foo">

CSS Klasse

<div class="myclass">

Kommentare

<!-- directive: myDirective -->

Wie geht Das? 

RTFM

War das Schon alles?

Nein!

2-Way Data Binding

Routing

Dependency Injection

Testing

Template Filters

Demo

AngularJS

By Stephan Hoyer

AngularJS

This is a presentation I held on leipzigjs, the JS usergroup of Leipzig, Germany

  • 1,567