Angular: Empty Fiddle
http://angularjs.org/
HTML
<div ng-controller="AppController">
<rn-text-edit rn-scope="{{test}}"></rn-text-edit>
<br/>
<input ng-model="test" />
</div>
JavaScript
var app = angular.module('app', []);
app.directive("rnTextEdit", function () {
return {
restrict: 'E',
replace: true,
scope: {
rnScope: '@'
},
template: '<span>{{rnScope}}</span>'
}
});
app.controller( 'AppController', function( $scope ) {
$scope.test = 'hello';
});