在弹出窗口中获取更大尺寸的textarea

时间:2015-12-22 11:58:55

标签: angularjs ionic

我需要在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;
                                        }
                                }
                            }
                    ]
              });

是否有可能增加文本框的大小或使用文本区域?

1 个答案:

答案 0 :(得分:3)

请替换以下代码

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