小编Con*_*Fan的帖子

验证失败后，我的控件（下拉列表或按钮）出现问题，应该会导致新的回发。我会尽量解释清楚...

我的页面的目的是将五个日期保存在数据库中。该页面具有以下控件：

• 五个文本框，每个文本框都包含一个日期
  
• 一个重置按钮 (CausesValidation=false)，用于在 5 个文本框之一中恢复默认日期
  
• 将 5 个日期应用于 5 个文本框的预定义模板的下拉列表（AutoPostback=true，CausesValidation=false）
  
• 将日期保存到数据库的按钮
  

文本框可以手动编辑。因此，当我单击“保存”按钮时，如果日期格式无效，则验证将失败并中止保存。问题就在这之后。如果我单击“重置”按钮或在下拉列表中选择一个项目，则不会触发回发。如果我再试一次，它就会起作用。有没有办法让它在第一次验证失败后第一次工作？在更改下拉列表中的选择时，我尝试在客户端停用验证，但回发仍然没有发生。

这是代码的相关部分：

<asp:DropDownList ID="cboScheduleTemplates" runat="server" AutoPostBack="true" CausesValidation="false" />
<asp:TextBox ID="txtDateDelivery1" runat="server" />
<asp:RegularExpressionValidator ID="revDateDelivery1" runat="server" Display="Dynamic" ValidationGroup="Schedule" ControlToValidate="txtDateDelivery1" Text="*" />
<asp:TextBox ID="txtDateYearbookQuantity" runat="server" />
<asp:RegularExpressionValidator ID="revDateYearbookQuantity" runat="server" Display="Dynamic" ValidationGroup="Schedule" ControlToValidate="txtDateYearbookQuantity" Text="*" />
<asp:TextBox ID="txtDateDelivery2" runat="server" />
<asp:RegularExpressionValidator ID="revDateDelivery2" runat="server" Display="Dynamic" ValidationGroup="Schedule" ControlToValidate="txtDateDelivery2" Text="*" />
<asp:TextBox ID="txtDatePersonalizations" runat="server" />
<asp:RegularExpressionValidator ID="revDatePersonalizations" runat="server" Display="Dynamic" ValidationGroup="Schedule" ControlToValidate="txtDatePersonalizations" Text="*" />
<asp:TextBox ID="txtDateDelivery3" runat="server" />
<asp:Button ID="btnSetDefaultDelivery3" runat="server" ValidationGroup="Schedule" CausesValidation="false" />
<asp:RegularExpressionValidator …

我有一个输入字段，用户可以在我的应用程序中搜索不同的用户。但是我想以这样一种方式进行搜索，即当用户输入时，它应该同时搜索。我已经实现了调用我的后端的功能，但我只想知道如何在每次击键时发送输入字段的值。请帮忙

我的用户可以将条目添加到滚动列表的底部。但是，添加条目时滚动条不会自动向下移动，因此用户无法看到他们新添加的条目。如何让我的滚动条始终处于向下滚动的位置以显示最新条目（使用 Angular 5）？

使用插值设置属性可以使用以下代码:

This work for me.
<span *ngFor="let car of Car; let i = index;" >
<img src="car/{{car.id}}">
</span>

但它不能property binding像这样使用:

<span *ngFor="let car of Car; let i = index;" >
<img [src]="car/car.id">
</span>

我该怎么办？

如何使用ngFor替换每行的列顺序？

例如,此处图像将始终位于右侧.我怎么能这样做,在每一行我交替,图像显示左边一个,右边一个,依此类推？

<div class="row" *ngFor="let servicio of servicios">
  <div class="col-lg-5">
    {{ servicio.titulo }}
  </div>
  <div class="col-lg-7">
    <img src="{{ servicio.imagen }}" alt="">
  </div>
</div>

我有一个组件计费，其中包括Ng Bootstrap 的ngb-tabset组件。

ngb-tabset具有以下 DOM 元素：

<ngb-tabset _ngcontent-c3="" class="content">
  <!-- Tabset links-->
  <div class="tab-content">
    <div _ngcontent-c3="">
      <!-- Content -->
    </div>
  </div>
</ngb-tabset>

<div class="tab-content">根据所选选项卡动态显示。

在我的中billing.component.scss，以下代码片段不起作用：

.tab-content {
  padding-right: 120px;
}

CSS 代码已正确编译，通常可以被导航器看到，但不会对项目产生影响。

但是，如果我将其应用到组件外部的项目上，则代码可以正常工作。

对这种奇怪的行为有什么想法吗？

我正在尝试根据 上的条件添加多个类名NgClass。它适用于最后一个条件，但似乎不适用于第二个条件。在检查器中看起来好像fas第二个条件错过了课程。

<i [ngClass]="{'pr-1' : true,
               'valid-group fas fa-check-circle ' : isGroupValid('vg1'),
               'invalid-group fas fa-exclamation-circle' : !isGroupValid('vg1')}"></i>

这会正确显示感叹号图标，但不显示复选圈，如果我交换顺序，则复选圈有效但不是感叹号。这让我相信第二种情况下的课程与最后一种情况不同，这是正确的吗？

仅当某些内容为真时，我才尝试将类应用于组件标记。

我如何将该主机转变为条件主机，以便我在需要时应用所需的类？

@Component({
  selector: 'k-sidebar',
  host: {
   class: '{{isChanged}}'
 },
 templateUrl: './ng-k-side-bar.component.html',
 encapsulation: ViewEncapsulation.None

})

我有一个带有布尔输入参数的角度分量。根据它们是真是假，我想向主机添加一个 CSS 类。我知道我可以将整个组件包装在 div 中并使用 ngClass。但是如果我不想在模板中添加额外的 div 该怎么办？我只是希望主持人有条件地开设这些课程。那可能吗？说这是我的组件：

 export class AssetDetailsComponent {
  @Input isSomethingTrue = true;
  @Input isThisAlsoTrue = true;

  constructor() {}
}

模板如下所示：

<h1> Page heading </h2>
<p> Details </p>

isSomethingTrue现在，根据和的值isThisAlsoTrue，我想向主机应用 2 个不同的 CSS 类或样式（以添加一些顶部边距）。我如何在组件中做到这一点？

我的 utils 服务使用 express 框架从 mysql 数据库返回数据

import { Injectable } from '@angular/core';
import { Http, HttpModule, Headers, RequestOptions } from '@angular/http';
import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

@Injectable()
export class UtilsService implements OnInit{
    public authData : any[];
    constructor(private http : Http) {
    }

    ngOnInit() { }

    getUserData() {
        const reqData = JSON.parse(localStorage.getItem('AuthUser'));
        return this.http.post('/get/logindata',reqData)
        .map(result => result.json().data);
    }
}

我的组件部分

import { Component, OnInit } from '@angular/core';
import { UtilsService …