Dynamically set ng-model with an expression

ng-model-dynamic.js

(function () {

    /*
        PROBLEM:
        <input type="text" ng-model="{{someExpressionThatReturnsTheStringYouWant}}"> 
                                     ^ THIS WON'T WORK
    
        SOLUTION:
        <input type="text" ng-model-dynamic="{{someExpressionThatReturnsTheStringYouWant}}">
        
        WARNING:
        Will only work once, NOT each time the expression produces a different
        value. Also note that $observe isn't a resolution because after the
        first recompile there is no more attrs.ngModelDynamic
    */

    angular.module('myApp')
        .directive('ngModelDynamic', ['$compile',
            function ($compile) {
                return {

                    restrict: 'A',
                    link: function (scope, element, attrs) {
                        // Remove ng-model-dynamic to prevent recursive compilation
                        element.removeAttr('ng-model-dynamic');

                        // Add ng-model with a value set to the now evaluated expression
                        element.attr('ng-model', attrs.ngModelDynamic);

                        // Recompile the entire element
                        $compile(element)(scope);
                    }

                };
            }
        ]);
        
})();

This is exactly what I needed, thank you