JSFiddle - React, Tailwind, and code Playground

by chandings

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.js"></script>
<div class="dashboard" ng-app="app" ng-controller = 'myController'>
      <select ng-change='selectChanged()' ng-model="gravity" ng-options="gravityOptions.gravity as gravityOptions.body for gravityOptions in gravityOptions"></select>    
    <div id="content" ui-view></div>


  </div>

JavaScript

var app = angular.module('app', []);
app.run(['$rootScope', function($rootScope) {
        $rootScope.something = "something_";
    }
]);
app.controller('myController', ['$scope', '$rootScope', function(scope, rootScope){
    scope.gravityOptions = [{body:'Earth', gravity:9.81},
                      {body:'Moon', gravity:1.62},
                      {body:'Mars', gravity:3.71},
                      {body:'Pluto', gravity:0.66},
                      {body:'Jupiter', gravity:24.79},
                      {body:'Satturn', gravity:10.44}];
    
    scope.selectChanged = function(){
    	rootScope.something = scope.gravity;
        alert(rootScope.something);
    }
}]);