为什么我的AngularJS textarea没有绑定到我的变量?

时间:2014-07-14 08:05:26

标签: angularjs

我的HTML如下:

<textarea ng-model="cancelMessage"></textarea>
<span {{100 - cancelMessage.length}} characters remaining</span>

在我的控制器中,我声明一个变量如下:

$scope.cancelMessage = '';

当我输入文本区域时,剩余的字符数实际更新。但是,当我尝试访问

$scope.cancelMessage 

(通过ng-click),变量仍然是&#39;&#39;而不是文本区域中的文本。

2 个答案:

答案 0 :(得分:3)

有同样的问题,这解决了我的问题:

Cannot get textarea value in angularjs

基本上Angular创建了一个新的范围。请在textarea ng-model attrbibute中使用$ parent.cancelMessage。

答案 1 :(得分:2)

为问题创建了fiddle。希望你明白你犯了哪个错误。

这是控制器功能:

function test($scope){
    $scope.cancelMessage = '';
    $scope.clickTest = function(){
        alert($scope.cancelMessage);
    }
}