在弹出窗口中获取更大尺寸的文本区域

Question

我需要在 js 中增加文本框的大小

HTML

<button 
    class="button button-balanced ion-checkmark-round" 
    ng-click="reject()"
    style="margin-left:20%"></button>

JavaScript

$scope.reject = function() {
   console.log("Rejected function");  
   var myPopup = $ionicPopup.show({
                template: '<input type="textarea" ng-model="data.wifi">',
                title: 'Rejected',
                subTitle: 'Description',
                scope: $scope,
                buttons: 
                    [
                        { text: 'Cancel' },
                        {
                            text: '<b>Save</b>',
                            type: 'button-positive',
                            onTap: function(e) 
                            {
                              if (!$scope.data.wifi) {
                                //don't allow the user to close unless he enters wifi password
                                e.preventDefault();
                                } 
                                    else {
                                            return $scope.data.wifi;
                                        }
                                }
                            }
                    ]
              });

是否可以增加文本框的大小或使用文本区域？

Answer 1

请替换以下代码

<input type="textarea" ng-model="data.wifi">

由

<input type="text" ng-model="data.wifi" style="width:100%" />

这应该会创建一个 100% 宽度的文本框。如果你想要一个文本区域，使用：

<textarea style="width:100%" ng-model="data.wifi"></textarea>

在弹出窗口中获取更大尺寸的文本区域

Get bigger size textarea inside popup

angularjs

ionic