Use Web Content to create angular content

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

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