Question

我需要一个help.i需要使用Angular.js动态设置文本区域值。我在下面解释我的代码。

<textarea id="spec" name="address" class="form-control" placeholder="Add Address" rows="4" style="height:73px" ng-model="address" readonly="readonly" ></textarea>

在上面的文字区域我需要设置以下值。

var address="USA";
var city="city1";
var pin="7521098"

上述值应显示在文本区域内，如下所示。

address:USA.
City:city1.
Pin:7521098

Answer 1

您根本不使用双向数据绑定。

您需要的是

$scope.address = "USA";

控制器中的

。然后变量将绑定到您的文本区域。但是你想在textarea中显示整个属性。然后你必须做类似的事情：

$scope.textareaContent = address + city + pin;

并在您的HTML中

ngmodel="textareaContent"

// UPDATE

$scope.textareaContent = 'adress:' + address + '<br/>city:' + city + '<br/>pin:' + pin;

Answer 2

你可以试试这个从控制器中，您可以根据值变量

设置文本区域的值

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">      </script>
  <script>
    var app=angular.module("app",[]);
  app.controller("app_controller",function($scope){



   var address="USA";
   var city="city1";
   var pin="7521098"
  var address2="Address:"+address+"\n City:"+city+"\nPin:"+pin;
   $scope.address1=address2;
    });
 </script>
  <body ng-app="app">

 <div ng-controller="app_controller">

 <textarea id="spec" name="address"  placeholder="Add Address" rows="4"    style="height:73px" ng-model="address1" ></textarea>




  </div>

  </body>
</html>

如何使用Angular.js动态调整文本区域值的大小

2 个答案: