JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.0.0rc12/angular-1.0.0rc12.js"></script>
<div ng-controller="TestCtrl">
    <input ng-model="getGreetings('english').hello">
    <input ng-model="getGreetings('english').goodbye">
    <br><br>
    <input edit-greeting greeting="getGreetings('english')">
</div>

JavaScript

function TestCtrl($scope) {
    $scope.greetings = {
        english: {hello: "Hello", goodbye: "Goodbye"},
        spanish: {hello: "Hola", goodbye: "Adios"}
    }
    $scope.getGreetings = function(language){
        return $scope.greetings[language];
    }
}

angular.module("test", []).directive('editGreeting', function() {
    return {
        restrict : 'A',
        replace : true,
        transclude : false,
        scope : {
            'ngModel' : '=' 
        },
        template : "<span>{{greeting.hello}} - {{greeting.goodbye}}</span>",
        link: function($scope, element, attrs, controller){
            console.log($scope);    
            console.log(element);
            console.log(attrs);
            console.log(controller);
            $scope.greeting = {hello: "hi", goodbye: "bye"};
        }
   }
});