首页 > 解决方案 > 脚手架Angular 6组件形式

问题描述

我正在创建一个新的Angular 6数据输入项目,该项目将包含具有不同形式的数据输入的页面数。

有没有办法以与脚手架Scaffold Angular 6 component相同的方式。Asp.Net Razor Page防爆

public class Profiler
    {
        [Key]
        public int ID { get; set; } //Hidden field
    [Required]
        public string FirstName { get; set; } //Textbox field with Required attribute
        public string LastName { get; set; } //Textbox field
        public DateTime DOB { get; set; } // Input type="datetime"
        public bool IsActive { get; set; } // Input type="checkbox"
    }

我们可以Razor Page Form使用 bootstrap 样式从上面的代码中构建 a 。

现在,我想以Angular 6 component相同的方式搭建脚手架,但使用Angular Material.

我可以Angular Material为每个人手动设计表单,property但我想为它们搭建脚手架,因为有很多表单要创建。

我的TypeScript文件看起来

export class Hero {
  id: number;
  firstName: string;
  lastName?: string;
  dob: Date;
  isActive: boolean;
}

我正在使用Asp.Net Core 2.1 Web API, Angular 6, Angular Material.

标签: angulartypescriptangular6asp.net-core-2.1

解决方案


推荐阅读