poniedziałek, 24 września 2012

[HTML|JS|CSS] AngularJS: Wprowadzenie

AngularJS to kolejny znakomity framework do tworzenia aplikacji w oparciu o wzorzec MVC. Swe działanie opiera on na możliwości rozszerzania kodu HTML o instrukcje interpretowane przez sam framework.Korzystanie z Angulara nie koliduje w żaden sposób z możliwością użycia innych frameworków. Podobnie jak np. KnockoutJS, Angular umożliwia proste deklarowanie data-bindingu. Controllery odpowiedzialne są z kolei za zachowanie strony, definiowane głównie poprzez callbacki. Za pomocą dyrektyw programista może tworzyć w prosty sposób reużywalne komponenty w postaci HTML + JS.
To tylko niektóre zalety tego frameworka, pozostałe, takie jak na przykład Routing Provider czy Dependency Injection omówione zostaną w kolejnych postach.

<!doctype html>
<html ng-app>
<head>
<meta charset="utf-8">
   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
</head>
<body>
 
<p>Hello world ! <strong>{{4-3 + 'step'}}</strong> comes here.</p>
 
</body>
</html>

W pierwszym przykładzie kluczowe są dwa fragmenty: ng-app, który decyduje o tym, że kod html ma zostać skompilowany przez angulara. Drugi fragment to wyrażenie w podwójnych nawiasach. Służa one z jednej strony do bindingu, ale także można w nie wstawić wyrażenie javascript, które zostanie wyliczone w momencie kompilacji.

Brak komentarzy:

Prześlij komentarz