JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="MyAppName">
	<div ng-controller="MyCtrl">
		<p>from Service: {{servGreet}}</p>
     	<p>from Provider: {{provGreet}}</p>
	</div>
</div>

JavaScript

var myApp = angular.module('MyAppName', []);

myApp.constant('a', 'Robert');
myApp.value('b', {name: 'Jones'});

myApp.service('greetService', function(a,b) {
	this.greeter = 'Hi there, ' + a + ' ' + b.name;
});

myApp.provider('greetProvider', function(a) {
	this.firstName = a;
	this.$get = function(b) {
		this.lastName = b.name;
		this.fullName = this.firstName + ' ' + this.lastName;
		return this;
	};
});

function MyCtrl($scope, greetService, greetProvider) {
	$scope.servGreet = greetService.greeter;
	$scope.provGreet = greetProvider.fullName;
}