小编use*_*282的帖子

当用户按下逗号(,)时,我正在尝试清除输入.所以我做的是,(keypress)我会检查它keyCode,如果它是逗号,我会通过设置输入值来清除输入input.value = ''.

但问题是,即使它清除了我输入的字母,它也不会清除逗号.我究竟做错了什么？

这是问题的一个小提琴.

脚步:

1. 输入(keypress).
2. 类型 keyCode
3. 观察input.value = ''已清除但输入仍然有(keypress).

HTML:

<input type="text" #elem (keypress)="clearInput($event)">

码:

@ViewChild( 'elem' ) public element;

clearInput( e: KeyboardEvent ) {
 if ( e.keyCode === 44 ) {
    this.element.nativeElement.value = '';
 } else {
   console.log('Not a comma');
 }
}

我正在使用Angular 6.

我有一个带有图标后跟文字的离子项列表.当图标尺寸较小时,如下图所示,文本似乎垂直对齐离子项的中心.但是当图标更大时,对齐有点偏差.

这是我添加的全部内容:

<ion-item>
  <ion-icon class="icon ion-ios-clock-outline"></ion-icon> 
  Recent
</ion-item>

而CSS:

.icon {
 font-size: 35px;
 color: #ffC977;
}

我怎样才能解决这个问题.我试过用vertical-align,align-item然后align-self.他们都没有工作.

我正在尝试添加一个按钮,<ion-input>但是我在其中添加它<ion-list>的按钮内部没有显示在屏幕上.

我要做的是在右侧对齐的密码字段顶部显示一个"忘记"按钮.参考屏幕:

这是我的HTML,

<ion-content>
  <ion-list class="au-form" inset padding>
        <ion-item>
            <ion-input type="text" placeholder="Username"></ion-input>
        </ion-item>
        <ion-item>
            <ion-input type="password" placeholder="Password"></ion-input>
            <button clear>Forgot</button>
        </ion-item>
   </ion-list>
</ion-content>

如何在Ionic 2中实现此布局？

我有几个固定类名的div:

<div class="type-a"></div>
<div class="type-b"></div>
<div class="type-c"></div>

可能有这些的倍数,这些div并不总是有序.它们是动态添加的.

<div class="type-a"></div>
<div class="type-b"></div>
<div class="type-c"></div>
<div class="type-c"></div>
<div class="type-b"></div>
<div class="type-b"></div>
<div class="type-c"></div>
<div class="type-a"></div>

我想将所有type-a和type-bdiv组合在一起并在type-cdiv 前面显示它们(可以通过浮动type-a和type-b向右和type-c向左显示).之间type-a和type-b我想先显示type-adiv.和type-b第二.

如果不重新安排上述HTML或使用JavaScript,我试图获得此输出:

[type-a] [type-a] [type-b] [type-b] [type-b] [type-c] [type-c] [type-c]

这只能用CSS吗？

这是div左右浮动的小提琴.现在需要发生的顺序是type-a和之间type-b.

我经历了几个类似的问题,但答案对我不起作用.

我有几个div,每个div的固定宽度为210px.

他们所在的容器可以根据用户的屏幕大小调整大小.div必须始终水平均匀分布,如果没有空格,它也应该将div行分成另一行.

要进一步了解更多信息,请参阅下图.

这个JS小提琴取得了我想要的结果.但是我看不出它对我必须有固定宽度的div有什么用.

width: calc(100% / 6);

编辑:

JS Fiddle的问题在于,当屏幕大小是空间,但没有足够的空间来容纳另一个div.在这种情况下,最后一个div应该更接近右边.

我正在我的网络应用程序上使用Bootstrap工具提示,它们被它的父div切断了.

为了解决这个问题,我添加了data-container ="body"

<a href="/some-path" title="Show tool tip" data-container="body" data-toggle="tooltip">Hello</a>

这解决了问题,但随之而来的是一个新问题.

当我点击锚点并导航时,工具提示不会消失.

有人遇到过这个吗？有一种简单的方法可以解决这个问题吗？

编辑 - JSFiddle类似于我的问题http://jsfiddle.net/m9AX5/5/除了在我的情况下父div没有被删除.

我有一个带有内部div的容器，其中包含项目。

<div class="container">
 <div class="inner">
  <span class="item">1</span>
 </div>
</div>

容器或内部div宽度不固定。容器可以调整大小。内部div应该始终适合它的内容。

应该发生的是，内部div应该始终在容器内部居中。

当内部div内的项目无法再放入容器内时，应分成第二行。

我正在使用display: flex并且display: inline-flex将内部div居中。但是，当项目换行到第二行时，内部div将占用容器的宽度，并且不再适合内容。因此，它不会位于容器的中心。

这是当前情况的一个小提琴。

在保持内部div 宽度动态的同时，如何始终使内部div始终居中于容器。

预期成绩：

在node_module组件中,我有一堆我要覆盖的sass变量.例如,组件中具有!default规则的变量:

$header-bg: red !default;

我想在我的angular-cli项目中将我的全局样式表中的这个变量覆盖为蓝色.

简单地添加$header-bg: blue;不起作用.我该怎么做才能覆盖那些sass变量？

编辑:我尝试过以下操作.

我将$header-bg: red !default;变量放入一个名为overridables.scss的单独文件中,并将其导入到我的全局样式表文件中,并且如下所示:

$header-bg: blue;

@import "~mypackage/styles/overridables.scss";

这也不起作用.

只需在我们的variables.scss中添加覆盖,就可以在Ionic中覆盖默认变量.他们是怎么做到的？

我知道如何创建自定义光标，

cursor: url('custom.svg'), default;

但是如何将图标附加到现有的指针光标上？

我正在使用Angular6。我想像这样使用ngModel：

<input type="text" [(ngModel)]="textValue">

在html上，我收到以下错误：

Can't bind to 'ngModel' since it isn't a known property of 'input'

当我搜索时，我知道必须导入FormsModule。因此，在我的json包中，我添加了如下的角度形式：

"dependencies": {
        "@angular/core": "^6.0.4",
        "@angular/forms": "^0.2.0"
   ...

是否安装了npm，然后在app.module上，

我在导入中添加了FormsModule，

imports: [
        CommonModule,
        FormsModule,
    ],

但是当我尝试从angular / forms导入FormsModule时，

import { FormsModule } from '@angular/forms';

它说：

Module '"PATH-TO-PROJECT/node_modules/@angular/forms/index"' has no exported member 'FormsModule'

如何使mgModel在Angular 6上运行？