angular4创建html,angular 4减少html内容

我有一个(网格)组件巫婆多次使用。问题在于它很大，大约70％可以动态生成 - 我想，但有很多方法可以解决，这是最好的？angular 4减少html内容

HTML文件：

Add

Remove

Edit

Add

Remove

Edit

First

Last

Type

Level

Stat

Are you sure?

正如你可以看到我只需要更改列名，搜索输入的名称，项目领域和DOM元素属性(类，fxFlex) - 来响应。什么是压缩内容的最佳实践(分离的组件，模板，指令)，但保持容易使用？

(项目对象的数量字段不同)。

附加信息：

在ItemsComponent实现的基本方法，这样一来，我可以覆盖它们是必需的。

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

import { Router } from '@angular/router';

import {

FormGroup,

FormControl,

Validators,

FormBuilder,

FormArray

} from "@angular/forms";

import {

StorageService,

SystemService,

RequestService,

PopupService,

PaginatorService

} from '../_shared';

import {

ItemsComponent

} from '../_generals';

@Component({

selector: 'app-basic-characters',

templateUrl: './basic-characters.component.html',

styleUrls: ['./basic-characters.component.scss'],

providers: [PaginatorService]

})

export class BasicCharactersComponent extends ItemsComponent implements OnInit {

public item: string = "basicCharacters";

public class: string = 'BasicCharactersComponent';

constructor(

router: Router,

paginator: PaginatorService,

popup: PopupService,

storage: StorageService,

request: RequestService

) {

super(router, paginator, popup, storage, request);

}

public ngOnInit() {

super.ngOnInit();

// console.log('child init');

}

public newSearchForm(){

return new FormGroup({

'type': new FormControl(''),

'level': new FormControl(''),

'stats': new FormControl(''),

});

}

public newSimpleForm(){

return new FormGroup({

'simple': new FormControl('')

});

}

2017-06-06

Twois

使它成为一个组件，并使所有这些变量都是你刚刚命名的输入。 –

我不会失去功能的参考吗？例如：onAdd()，onDelete()？ –

所有这些都应该在组件中定义。 –

angular4创建html,angular 4减少html内容相关推荐

angular4创建html,Angular 4 Http服务
Angular 4 Http服务 HTTP服务将帮助我们获取外部数据并使用或者发布它.使用http服务前我们需要先导入http模块.让我们看一个例子. 要开始使用http服务,我们需要在 app.m ...
angular 渐进_如何创建具有Angular和无头CMS的渐进式Web应用程序
angular 渐进 by Ondrej Chrastina 通过Ondrej Chrastina 如何创建具有Angular和无头CMS的渐进式Web应用程序 (How to create a pr ...
待办事项优先级开发_如何通过创建主题待办事项确定学习内容的优先级
待办事项优先级开发 by Dan Draper 通过丹·德雷珀(Dan Draper) 如何通过创建主题待办事项确定学习内容的优先级 (How to prioritize what you lear ...
pandas读取多个文件内容为dataframe、并合并为一个dataframe、pandas创建仅有列标签而内容为空的dataframe
pandas读取多个文件内容为dataframe.并合并为一个dataframe.pandas创建仅有列标签而内容为空的dataframe 目录
【SeeMusic】创建 SeeMusic 工程并编辑相关内容 ( 创建工程 | 导入 MIDI 文件 | 导入音频 | 导入视频 )
SeeMusic 系列文章目录 [SeeMusic]下载安装并注册 SeeMusic 软件 [SeeMusic]创建 SeeMusic 工程并编辑相关内容 ( 创建工程 | 导入 MIDI 文件 | ...
【Google Play】创建并设置应用 ( 访问权限 | 内容分级 | 受众群体 | 类别及联系方式 | 商品详情 )
Google Play 上架完整流程系列文章目录 [Google Play]创建 Google 开发者账号 ( 注册邮箱账号 | 创建开发者账号 ) [Google Play]创建并设置应用 ( 访 ...
HIVE的安装配置、mysql的安装、hive创建表、创建分区、修改表等内容、hive beeline使用、HIVE的四种数据导入方式、使用Java代码执行hive的sql命令
1.上传tar包这里我上传的是apache-hive-1.2.1-bin.tar.gz 2.解压 mkdir -p /home/tuzq/software/hive/ tar -zxvf apach ...
【java】创建一个窗口，统计输入内容
创建一个窗口,统计输入内容 package p1; import javax.swing.JOptionPane;public class Java_1 {public static void mai ...
java 创建本地文件、写入文本内容、调用IE浏览器打开
Windows 创建本地文件.写入文本内容.调用IE浏览器打开 try {//先创建目录文件夹,如果直接创建文件会提示找不到对应的路径File fileDir = new File("C:/ ...

angular4创建html,angular 4减少html内容

angular4创建html,angular 4减少html内容相关推荐

最新文章

热门文章