Angular ng-model在JS中未定義

Question

這是我的代碼

HTML：

<div class="someClass">
  <label>Enter Text Here:</label>
  <textarea id="content-editable" ng-model="myTextArea" ng-keyup="callme($event)">
  </textarea>
</div>

JS：

var text = $scope.myTextArea.text

我在JS中遇到一個異常，“找不到未定義的屬性文本”。

我不確定是否需要text屬性來從textarea獲取文本，但是我在$scope.myTextArea調試器中未定義

怎么了？

Answer 1

數據綁定需要的只是參考$scopel.myTextArea ，你不需要做.text -見下面的演示：

 angular.module("app", []).controller("ctrl", function($scope) { $scope.callme = function(event) { console.log($scope.myTextArea); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div class="someClass" ng-app="app" ng-controller="ctrl"> <label>Enter Text Here:</label> <textarea id="content-editable" ng-model="myTextArea" ng-keyup="callme($event)"> </textarea> </div> 

Answer 2

您不需要使用.text cz，它將默認為您提供值。

只是這樣使用

var text = $scope.myTextArea;