use xeditable in bind-html-compile

[HarryF514]

is it possible to do this:

Html

<span ng-bind-html="title"></span></span>

JS

scope.name = 'harry';
scope.title = '<a editable-text="scope.name">{{ scope.name || \'empty\' }}</a>';

[ckosloski]

Is it giving you an error when you try that?

[HarryF514]

it shows empty instead of the string 'harry'

[HarryF514]

well, I solved this by doing this:

.directive("editDeviceName", function() {
    return {
        scope: {
            text: '='
        },
        template : '<a href="#" editable-text="text">{{ text || \'empty\' }}</a>'
    };
})

scope.name = 'harry';
scope.title = '<edit-device-name text = "name"></edit-device-name>';

<span bind-html-compile="title"></span>

[ckosloski]

OK, thanks for providing your solution. Please close this issue if the solution you provided is satisfactory.