AngularJS textarea control

<!doctype html>
<html ng-app="plunker" >
<head>
  <meta charset="utf-8">
  <title>AngularJS Textarea Control</title>
  <style>
    textarea {resize: none}
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"></script>
</head>

<body>
  <div ng:controller="MainCtrl">
    Rows: <input ng-model="ta.rows" size="4">
    Cols: <input ng-model="ta.cols" size="4"><br />
    <textarea rows="{{ta.rows}}" cols="{{ta.cols}}" ng-model="ta.value"></textarea><br />
    {{ta}}
  </div>
    
  <script>
    var app = angular.module('plunker', []);
    
    app.controller('MainCtrl', function($scope)
    {
        $scope.ta =
        {
          rows: 6,
          cols: 80,
          value: 'asdf qwer poityui'
        };
    });
  </script>
</body>
</html>