HTML + Angular displaying Firebase RGB values and changing background color accordingly
| <!DOCTYPE html> | |
| <!--Directive--> | |
| <html ng-app="app"> | |
| <head> | |
| </head> | |
| <!--Controller--> | |
| <body ng-controller="Ctrl"> | |
| <div class="header"> | |
| <!--Style--> | |
| <h1 ng-style="{'background-color': 'rgb(' + data.r + ',' + data.g + ',' + data.b +')'}"> | |
| Afro Circus! {{ data.r }} : {{ data.g }} : {{ data.b }} | |
| </h1> | |
| </div> | |
| <!--Scripts--> | |
| <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.19/angular.min.js"></script> | |
| <script src="https://cdn.firebase.com/libs/angularfire/0.8.2/angularfire.min.js"></script> | |
| <script src="/index.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment