使用自定义指令编辑简单标签

Question

我在这里做了非常简单的编程 - http://jsfiddle.net/micronyks/R7HEV/

现在我想要的是，当我点击按钮时，我想将我的自定义标签转换为输入字段，用户可以在其中输入任何值（同时按钮应该显示＆＃39;保存＆＃39;文本）

当用户点击保存按钮后在文本框中写入新值后，我希望我的标签显示用户刚刚输入的新更新值。

我不知道我该怎么做。我需要帮助。

注意：我不想要其他控件。

jsfiddle片段：

我的.js

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

app.controller('startCtrl',function($scope){

    $scope.name = "Hello";
    $scope.click = function() {
        alert('button clicked');
    }

});


app.directive('myLabel',function(){
    return {
        restrict:"E",
        replace:true,
        template:'<div>{{name}}</div>'
    }
});