小编Olg*_*ova的帖子

我在离子框架项目中有一些嵌套在列表中的textareas.textarea没有完整显示.它的一部分是在屏幕外.

<div class="list" style="width:100%;">
    <label class="item item-input" style="max-width:100%">
        <span class=input-label>Description</span>
        <textarea required></textarea>
     </label>
</div>

会发生什么是textarea的宽度变得太大,span.width + textarea.width> 100%.

如果我手动将textarea宽度设置为一点,则显示为100%.

我将它的父级的最大宽度设置为100%,所以它不应该变大,但确实如此.

如何防止此行为并让textarea不会在屏幕上生长.

我想在我的项目中使用SASS.我打开此链接并按照所有命令操作.我创建了一个项目并设置了SASS. http://learn.ionicframework.com/formulas/working-with-sass/

我有这个目录结构

   scss
     |
     |—>ionic.app.scss
   www
     |
     |->css
          |
          |——>ionic.app.css

在index.html文件中,我在tags中导入了ionic.app.cssstyle.因此,无论我在ionic.app.scss文件中进行哪些更改,它都会传递到ionic.app.css文件并在视图中反映出来.

如果我在index.html中添加一些元素,例如我添加了段落标记<ion-content>:

<ion-pane>
    <ion-header-bar class="bar-stable">
        <h1 class="title">Ionic Blank Starter</h1>
    </ion-header-bar>
    <ion-content>
        <p id=“addp”>Testparagraph</p>
    </ion-content>
</ion-pane>

并添加了这个

#addp{
background-color:yellow;
}

在ionic.app.scss中,它在ionic.app.css中添加并反映在视图中.

现在我尝试做什么.我想 在sass文件夹中添加自己的文件"application.scss",它应该 在css文件夹中创建另一个文件"application.css".因此,无论我在"application.scss"中编码,它都会出现在"application.css"文件中,并在视图中反映出来.我在index.html文件中导入"application.css".

我写这段代码的地方让我生成这个文件并观看我的"application.scss" 文件.

当我运行离子服务器并更改"ionic.app.scss"文件中的任何内容时,它同时反映在视图上.我需要对"application.scss"做同样的事情.如果我改变"application.scss",它将反映在我的观点上.

这是我的gulpfile.js

var gulp = require('gulp');
var gutil = …

我有使用 angular-bootstrap 和 ionicFramework 的应用程序。问题出在 angular-bootstrap $modal 元素中。我希望它有垂直滚动条，但在 ionic.css 中有样式：

::-webkit-scrollbar {
display: none;
}

正因为如此，模态中没有滚动条。我尝试通过多种方式解决这个问题，但现在我很困惑。

嗨,在我的应用程序中,我已经有一个登录的离子模式

$ionicModal.fromTemplateUrl('templates/login.html', {
    scope: $scope
  }).then(function(modal) {
    $scope.modal = modal;
  });

现在我需要用新的html页面创建一个新的离子模态.我怎样才能做到这一点？