Treasure Hunt Dash

index.html

<!--Shows us accessing firebaseArray and filtering-->
<!--Angular makes this crazily simple-->
<div ng-app="treasurehuntApp" ng-controller="clueController as imageCtrl ">
  
<ul ng-repeat = "clue in clues">
  <div>{{clue.data}}</div>
  <div><img width="800px" height="600px" src="{{clue.img}}">
  
  </ul>

<div>

</div>

script.js

		var app = angular.module("treasurehuntApp",["firebase"])
		
	
		app.controller("clueController" , function($scope , $firebaseArray)  
		{
		$scope.clues  = $firebaseArray(new Firebase( "https://blinding-fire-6477.firebaseio.com/th"));

      
      }
		);//end app.controller

scripts

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<script src="//cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
<script src="//cdn.firebase.com/libs/angularfire/1.1.4/angularfire.min.js"></script>

treasure-hunt-dash.markdown

Treasure Hunt Dash

A Pen by Paul on CodePen.

License.