Angular JS in Seaside

February 4, 2015

This is rather simple and quick combination of the two of the cool technologies: Seaside and AngularJS

In a snap over few hours could code out this simple angular js integration and promises to be much more..

Seaside-Angular-Demo

Getting started:

I. Pharo-Seaside image:(Or plain Pharo 3.0 / 4.0 image, linked later for Teapot, takes longer to load)

In Pharo 3.0 Seaside.image workspace: download link

Gofer it
     url: 'http://smalltalkhub.com/mc/skrishnamachari/Seaside-Angular/main';
     configurationOf: 'SeasideAngularDemo';
     loadDevelopment.

     WAAdmin clearConfigurationCaches .  "Base Seaside image needs this.."

Start the Seaside Zn Adaptor from the Seaside Control Panel Or:

     ZnZincStaticServerAdaptor startOn: 8080 andServeFilesFrom: '.'.
Pharo 4.0 for now gives a Config load warning for ContextPart, ignore and proceed or pass on the fix if available
This serves the files in the css and js folder also from the base working directory of the Seaside launch.

Open:  http://localhost:8080/examples/angulardemo in a chrome / firefox browser and ie if you wish to..
*****************************
Extended Demo: Asynch REST request-response beta with Teapot within the same demo:

II. New Pharo 3.0 / 4.0 image workspace: download link

Gofer it
  url: 'http://smalltalkhub.com/mc/skrishnamachari/Seaside-Angular/main';
  configurationOf: 'TeapotApplication';
  loadDevelopment.

"Teapot start and run "
TeapotRequestHandler run
Open:  http://localhost:8080/examples/basicformdemo in a chrome / firefox browser and ie if you wish to..

Fill in the form and submit..
Advertisements