Skip to content

Instantly share code, notes, and snippets.

@hkusu
Last active August 29, 2015 14:01
Show Gist options
  • Select an option

  • Save hkusu/3fd98e65532e630af24f to your computer and use it in GitHub Desktop.

Select an option

Save hkusu/3fd98e65532e630af24f to your computer and use it in GitHub Desktop.
AngularJS と Famo.usを連携して Hello Warld を表示するまで ref: http://qiita.com/hkusu/items/9094c946e8914607a9be
<link rel="stylesheet" href="bower_components/famous-angular/dist/famous-angular.css">
<script src="bower_components/requirejs/require.js"></script>
<script>
require.config({baseUrl: 'bower_components'});
</script>
<script src="bower_components/famous-angular/dist/famous-angular.js"></script>
'use strict';
angular.module('famousAngularTest2App', [
'ngCookies',
'ngResource',
'ngSanitize',
'ngRoute',
'famous.angular'
])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
controller: 'MainCtrl'
})
.otherwise({
redirectTo: '/'
});
}]);
.full-screen {
position: fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
<fa-app ng-controller="MainCtrl" class="full-screen">
<fa-modifier
fa-translate="[30, 30, 0]">
<fa-surface
fa-size="[100, 100]"
fa-background-color="'rgba(111, 222, 333, 1)'">
{{hoge}}
</fa-surface>
</fa-modifier>
</fa-app>
'use strict';
angular.module('famousAngularTest2App')
.controller('MainCtrl', ['$scope', '$famous', function ($scope, $famous) {
$scope.hoge = 'Hello!!';
// 何やってるか不明。今回だとこれ書かなくても動く
var EventHandler = $famous['famous/core/EventHandler'];
$scope.eventHandler = new EventHandler();
}])
;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment