readme.md

Add Custom Field of "controller" to the Web Content Scope. Then when editing web content under custom fields add the controller.js content

Also need to add to portal-ext.properties "velocity.engine.restricted.variables="

controller.js

function FirstCtrl($scope){
  $scope.data = {message: "Hello"};
}

index.html

<div ng-app="">
<h1>App 2</h1>

<div ng-controller="FirstCtrl">
<h1>{{data.message + " world"}}</h1>

<div class="{{data.message}}">Wrap me in a foundation component</div>
</div>
</div>

velocity.vm

#set ($JournalArticleService = $serviceLocator.findService("com.liferay.portlet.journal.service.JournalArticleService"))
#set ($JournalArticleLocalService = $serviceLocator.findService("com.liferay.portlet.journal.service.JournalArticleLocalService"))
#set ($JournalArticle = $JournalArticleLocalService.getArticle($getterUtil.getLong($groupId),"$reserved-article-id.data"))
#set ($controllerJS = $JournalArticle.getExpandoBridge().getAttribute("controller"))

${content.getData()}

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
#if ($controllerJS)
    <script type="text/javascript">
        $controllerJS
    </script>
#end