Question

这里我有使用textarea中的ng-model的代码。我想获得textarea值并添加一些静态内容。然后附加到ng-model中。但它不起作用。在这里我粘贴了我的代码：在html：

 <textarea  ng-model="user_text_comment" rows="5" Placeholder="Enter your comments" required="required"></textarea>
<button ng-click="addcardToComments(user_text_comment)"></button>

控制器中的

：

scope.user_text_comment = "";
$scope.addcardToComments = function(usercomment){
var addComments = "This is an appended text";
$scope.user_text_comment =usercomment.toString()+''+addComments;
console.log($scope.user_text_comment);
});

这里console.log打印更正的值。但它在textarea中没有改变。

Answer 1

这是一个小的语法错误。

$scope.addcardToComments = function(usercomment){
  var addComments = "This is an appended text";
  $scope.user_text_comment =usercomment.toString()+''+addComments;
  console.log($scope.user_text_comment);
});

不需要额外的“）”。

var app = angular.module('myApp', []);

app.controller('ctrl', function($scope) {
  $scope.user_text_comment = "";
  $scope.addcardToComments = function(usercomment) {
    var addComments = "This is an appended text";
    $scope.user_text_comment = usercomment.toString() + '' + addComments;
    alert($scope.user_text_comment);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="myApp" ng-controller="ctrl">
  <p>Hello {{name}}!</p>
  <textarea ng-model="user_text_comment" rows="5" Placeholder="Enter your comments" required="required" style="float:left;"></textarea>
  <button ng-click="addcardToComments(user_text_comment)" style="float:left;">Save</button>
</body>

Answer 2

在第1行添加$ scope.user_text_comment =“”; （$ scope.user_text_comment =“”;）

并删除textarea的toString（），我认为不需要这个选项。

谢谢..

角度js Ng模型值在textarea中不起作用

2 个答案: