标签: angular8

当我在我的 html 中使用它时，{{user.firstName}}数据会显示，但有错误，但是当我在 html 中使用它时，{{user?.firstName}}数据不会显示，但没有错误，但当我单击按钮时，数据会显示。大家好，我使用 metronic 和 angular8

对于如何显示数据，你们有其他人吗？

import { Component, OnInit, enableProdMode } from "@angular/core";
import { DealerapiService } from "../services/dealerapi.service";
import { DomSanitizer } from "@angular/platform-browser";
import { FormGroup, FormBuilder } from "@angular/forms";
import { ActivatedRoute } from "@angular/router";

@Component({
    selector: "kt-home-profile",
    templateUrl: "./home-profile.component.html",
    styleUrls: ["./home-profile.component.scss"]
})
export class HomeProfileComponent implements OnInit {
    constructor(
        private dealerApiService: DealerapiService,
        private domSanitizer: DomSanitizer,
        private formBuilder: FormBuilder,
        private route: ActivatedRoute
    ) {}
    forms: any;
    profileForm: FormGroup;
    imageurl: …

我正在尝试创建一个材质下拉包装器（mat-select dropdown），它将与 formControlName 一起使用。如果某人的库中有 Stackblitz，可以发布他们的 Stackblitz 吗？随意从头开始，并创建自己的答案，只要符合要求即可。

要求：

1）需要与formControlName一起使用。我们有带有 formBuilder 的父组件表单及其验证器，它试图引用这个子包装器。作为典型场景，父组件表单构建器还有许多其他表单字段。

2) 如果数据不满足父 FormBuilder 验证器的要求，则需要显示红色无效错误。

3) a) 不仅需要与 formControlName/patchValue 一起使用（patchValue 应该与整个类一起使用）；b) 如果有人将数据放入 @Input() SelectedValueId Id 数字，也可以选择。可以和两个一起工作

试图让它工作，但还没有成功，有人有任何代码来解决这个问题吗？

需要工作 stackblitz，才能获得成功的答案，

在本例中，Id 是 sourceOfAddressId

export class SourceOfAddressDto implements ISourceOfAddressDto {
    sourceOfAddressId: number | undefined;  // should work with this Id
    sourceOfAddressCode: string | undefined;
    sourceOfAddressDescription: string | undefined;

打字稿：

@Component({
    selector: 'app-address-source-dropdown',
    templateUrl: './address-source-dropdown.component.html',
    styleUrls: ['./address-source-dropdown.component.scss'],
    providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: forwardRef(() => AddressSourceDropdownComponent),
            multi: true
        }
    ]
})
export class …

我有下面给出的图标为 SVG 字符串的项目列表

steps=[
        {
            "id": 1,
            "code": "ABC",
            "dname": "abc",
            "conveyStep": null,
            "sequence": 1,
            "fqcn": null,
            "status": "A",
            "icon": `<svg xmlns="http://www.w3.org/2000/svg" width="24.148" height="31.393" viewBox="0 0 24.148 31.393">
    <defs>
    </defs>
    <g id="noun_Document_188541" transform="translate(-15 -5)">
        <g id="Group_1821" data-name="Group 1821" transform="translate(15 5)">
            <path id="Path_1051" d="M31.55 5H15v31.393h24.148V12.6zm.35 2.061l5.183 5.183H31.9V7.061zM16.2 35.185V6.208h14.5v7.244h7.244v21.733H16.208z" class="cls-1" data-name="Path 1051" transform="translate(-15 -5)"/>
            <path id="Rectangle_8" d="M0 0h14.489v.604H0z" class="cls-1" data-name="Rectangle 8" transform="translate(4.83 25.355)"/>
            <path id="Rectangle_9" d="M0 0h6.037v.604H0z" class="cls-1" data-name="Rectangle 9" transform="translate(4.83 18.111)"/>
            <path id="Rectangle_10" d="M0 0h14.489v.604H0z" class="cls-1" data-name="Rectangle 10" transform="translate(4.83 15.696)"/>
            <path …

我注意到我的角度应用程序中存在跨域问题。

如果我使用fetchxml 文件请求方法，它就可以工作。

@Component({
  selector:    'app-xml',
  templateUrl: './app-xml.component.html'
})
export class HeroListComponent implements OnInit {
     constructor( private httpClient: HttpClient) {}

     getXml(){
         fetch(url).then((response:any) => {
             return response.text();
         }).then((text:any) => { console.log(text)})
     }
}

但是如果我使用 Angular HttpClient，它会抛出跨域 Xmlhttprequest 错误。

@Component({
  selector:    'app-xml',
  templateUrl: './app-xml.component.html'
})
export class HeroListComponent implements OnInit {
     constructor( private httpClient: HttpClient) {}

     getXml(){
         httpClient.get<any>(url).subscribe((response:any) => {
             console.log(text)
         })
     }
}

为什么？

如何在接受数字的输入文本框中将第一个数字限制为 0。

例如：数字不能是这样的 012345 数字可以是这样的 123000

我使用了模式 /^0|[^0-9.]/ 但它不适用于角度反应形式。我的输入文本框控件如下所示：

<input type="text" class="form-control" id="inputNumber" formControlName="inputNumber" maxlength="5" minlength ="1" pattern="/^0|[^0-9.]/"   [(ngModel)]="inputNumber"  required>

任何想法都受到高度赞赏。

感谢帮助。

下面是我的 URL，我只想要子域，即 dnyaneshtechno

网址： https: //dnyaneshtechno.sharepoint.com

根据上面的 URL，我只想获取“dnyaneshtechno”，我正在使用 Angular 8 作为前端，所以有人可以帮助我吗？

角日期管道未正确显示日期

我在页面列表上使用了日期日期管道。

{{ row.createdDate }} // 2019-11-04T06:32:24.352856
{{ row.createdDate | date: 'mm-dd-yyyy' }} // 32-04-2019

我正在使用 Angular 8 版本创建一个新闻应用程序。我需要显示这样的链接：www.domain.com/category/category/title 和 www.domain.com/category。我怎样才能实现这个目标？

谢谢

我从一次有角度的采访中得到一个问题。面试官问这个代码在角度上是什么意思？

码;

<app-main [type]="text"></app-main>