Angularjs 单击“添加内容可编辑div”

我想在单击按钮时添加一个内容可编辑的div。就在线资源所说，我必须为此制定一个指令。我试过了。下面是不起作用的代码

app..directive("addEditableDiv", function($compile){   
  return{
    restrict: 'A',
    require: "ngModel",
    link: function(scope , element){        
       element.bind("click", function(e){

      var childNode = $compile('<div ng-click="addDiv()" > here</div>')(scope)
      element.parent().append(childNode);

       });

        scope.addDiv = function(scope , element , attrs , ngModel){

                function read() {
                  ngModel.$setViewValue(element.html());
                  ngModel.$render = function(){
                    element.html(ngModel.$viewValue || "");
                  };

                  element.bind("click to write", function(){
                    scope.$apply(read);
                  })

                }
              }
    }
}
})

app..directive（“addEditableDiv”），函数（$compile）{
返回{
限制：“A”，
要求：“ngModel”，
链接：函数（范围、元素）{
元素绑定（“单击”，函数（e）{
var childNode=$compile（'here'）（作用域）
element.parent（）.append（childNode）；
});
scope.addDiv=函数（范围、元素、属性、模型）{
函数read（）{
ngModel.$setViewValue（element.html（））；
ngModel.$render=function（）{
html（ngModel.$viewValue | | |“”）；
};
元素绑定（“单击写入”，函数（）{
适用范围：$apply（读取）；
})
}
}
}
}
})

这是一个用于内容可编辑div的工作代码：（您也可以将库用于此功能）

var-app=angular.module（“MyApp”，[]）
.controller（'controller'，function（$scope）{
$scope.totalEditableDiv=[]；
$scope.addDiv=函数（）{
$scope.totalEditableDiv.push（$scope.totalEditableDiv.length）；
}
$scope.addDiv（）；
})
app.directive（“contenteditable”，function（））{
返回{
限制：“A”，
要求：“ngModel”，
链接：功能（范围、元素、属性、模型）{
函数read（）{
ngModel.$setViewValue（element.html（））；
}
ngModel.$render=function（）{
html（ngModel.$viewValue | | |“”）；
};
元素绑定（“模糊键控更改”，函数（）{
适用范围：$apply（读取）；
});
}
};
});
[内容可编辑]{
边框：2个点#ccc；
背景色：#eee；
填充：2px；
}



资料来源：
{{{text[$index]}
添加更多
这是一个用于内容可编辑div的工作代码：（您也可以将库用于此功能）


var-app=angular.module（“MyApp”，[]）
.controller（'controller'，function（$scope）{
$scope.totalEditableDiv=[]；
$scope.addDiv=函数（）{
$scope.totalEditableDiv.push（$scope.totalEditableDiv.length）；
}
$scope.addDiv（）；
})
app.directive（“contenteditable”，function（））{
返回{
限制：“A”，
要求：“ngModel”，
链接：功能（范围、元素、属性、模型）{
函数read（）{
ngModel.$setViewValue（element.html（））；
}
ngModel.$render=function（）{
html（ngModel.$viewValue | | |“”）；
};
元素绑定（“模糊键控更改”，函数（）{
适用范围：$apply（读取）；
});
}
};
});
[内容可编辑]{
边框：2个点#ccc；
背景色：#eee；
填充：2px；
}



资料来源：
{{{text[$index]}
添加更多
谢谢，实际上我有。我需要的是点击一个按钮，添加可编辑的内容div@ICode我已经根据你的要求更新了我的答案。谢谢，事实上我有。我需要的是点击一个按钮，添加可编辑的内容div@ICode我已经根据你的要求更新了我的答案。