AngularJS & Plone

Plone Open Garden 2014Timo Stollenwerk

Javascript

Photo: Trey Ratcliff / stuckincustoms.com

Modern Requirements


Choosing the right framework...



Full featured vs best of breed




Components




Components

Long term solution




Components

Testable

Long term solution


A full featured front-end framework

Two-Way Data Binding

<input type="text"

ng-model="yourName">

<h1>Hello {{yourName}}!</h1>

Client Side Templates

<ul>

<li ng-repeat="item in items">

<a ng-href="{{item.url}}">

{{item.title}}

</a>

</li>

</ul>

Dependency Injection

function($scope, $http) {

…

}

Directives

<div navigation-directive></div>

Angular vs jQuery?

Angular & Plone?


Angular & Plone?

github.com/tisto/plone.app.angularjs


Plone Open Garden 2014Timo Stollenwerk

AngularJS & Plone

Software