如何使用Angular.js動態調整文本區域值的大小

我需要一個help.i需要使用Angular.js動態設置文本區域值。我在下面解釋我的代碼。如何使用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

來源

2016-02-23 subhra

如果你不知道angularjs然後第一次嘗試研究文檔...不要盲目開始編碼... – Banik

你可以告訴我們你的控制器？ –

您可以從您可以設置控制器試試這個
基於值變量的文本區域值

<!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>

來源

2016-02-23 09:44:28

這有什麼用？ – Wtower

請閱讀這個問題.. –

他們想要動態設置文本區域的值...正確嗎？ –

根本沒有使用雙向數據綁定。

你需要的是

$scope.address = "USA";

在控制器

。然後這個變量會被綁定到你的文本區域。但是你想顯示textarea內的整個屬性。然後，你必須做一些事情，如：

$scope.textareaContent = address + city + pin;

而在你的HTML

ngmodel="textareaContent"

// UPDATE

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

來源

2016-02-23 09:37:10 CodeNashor

我知道這一點，但它不會以正確的格式。在這裏我需要它的標題的所有價值。 – subhra

已更新。應該工作 – CodeNashor

不，其不工作的字符串。 – subhra

如何使用Angular.js動態調整文本區域值的大小

回答

相關問題