JSFiddle - React, Tailwind, and code Playground

by wilsonjonash

HTML

<div ng-app="myApp">
    <!--- in an ngRepeat -->
    <div ng-init="users=[{name: 'Jane'},{name:'Larry'},{name:'Steve'}];">
        <div ng-repeat="user in users" person-directive="user"></div>
    </div>
    <!--- stand-alone --->
    <div person-directive="{name:'Michelle!!!!'}"></div>
</div>

JavaScript

angular.module('myApp',[])
.directive('personDirective',function(){
	return {
		restrict: 'A',
        scope: {
			person: '=personDirective'
		},
		template: '<h3>Hello, {{person.name}}'
	};
});