Question

我有一个contenteditable = true的div。我这样做是因为我需要使用原始html插入初始值。这是div：

<div class="form-control col-sm-6" contenteditable="true" id="specialtextarea" ng-model="sv.GroupMembers" ng-bind-html="sv.GroupMembers"></div>

这是div的CSS：

#specialtextarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: 200px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 175px;
}

在我的角度控制器中，我尝试得到这样的值：

$scope.ValueFromDiv = $scope.sv.GroupMembers;

未定义。我可以通过以下方式获得价值：

$scope.ValueFromDiv = document.getElementById("specialtextarea");

现在，如果我使用角度控制器的初始加载设置sv.GroupMembers的值，我可以获得我设置的值，但是我无法获得任何我将其更改为的值。

示例：

$scope.sv = {};
$scope.sv.GroupMembers = 'Hello World';

通过这样做，我将获得价值：＆＃34; Hello World＆＃34;，即使我将其更改为＆＃34; Hello Universe＆＃34;。

如何获取更新后的值？

我还试图像这样在div中添加ng-change：

ng-change="getUpdatedValue(sv.GroupMembers);"

功能定义是：

$scope.getUpdatedValue = function(item){
    alert(item);
};

但是，无论我在div中输入什么，这都没有被击中。

请帮忙......

如何获取ContentEditable Div的ng-Model值

0 个答案: