JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <div initdata="Foo Bar" ng-bind="test1"></div> <input ng-model="test1" />
    
    <div initdata ng-bind="test2">Lorem Ipsem</div> <input ng-model="test2" />
</div>

JavaScript

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

app.directive('initdata', function() {
    return {
        restrict: 'A',
        link: function($scope, element, attrs) {
            if ( attrs.ngBind !== undefined)
            {
                $scope[attrs.ngBind] = attrs.initdata ? attrs.initdata : element.text();
            }
        }
    };
});