読者です 読者をやめる 読者になる 読者になる

謎言語使いの徒然

適当に気になった技術や言語を流すブログ。

Playframework2.3、RequireJS と AngularJS を同時に運用してみる

Playframework 勉強 Tips

それぞれがなんなのかは下記参照

で、特に難しい話とかはなくて。

build.sbt で Angular 読んで

libraryDependencies ++= Seq(
  jdbc,
  anorm,
  cache,
  ws,
  "org.webjars" % "angularjs" % "1.3.0-rc.1"
)

で index.scala.html を下記に変更

@main("Welcome to Play") {
    <div ng-app="myAppName">
        <script data-main="@routes.Assets.at("javascripts/main.js")" type="text/javascript" src="@routes.Assets.at("lib/requirejs/require.js")"></script>
        <div ng-controller="HelloController">
            <p>{{greeting.text}}, World</p>
        </div>
    </div>
}

勿論 main.js は main.coffee で書く

require.config
  baseUrl : '/assets'
  paths: { 'angular': ['lib/angularjs/angular'] }

require [ "angular" ], (a) ->
  angular.module('myAppName', []).controller 'HelloController', ($scope) ->
    $scope.greeting = {text: "Hello"}

分かってしまえばざっくり。