通过*ngFor为每个角度材料步进器步骤提供不同的组件
通过ngFor为每个角度材料步进器步骤提供不同的组件是指在Angular框架中使用ngFor指令来循环遍历一个数组或集合，并为每个元素创建一个组件实例。在这种情况下，我们可以使用*ngFor来为每个步进器步骤提供不同的组件。
具体实现步骤如下：
- 首先，我们需要定义一个包含步进器步骤信息的数组或集合。每个步骤都应该包含一个组件类型或名称，以及其他必要的属性。
- 在模板文件中，使用*ngFor指令来循环遍历步进器步骤数组。例如：
<ng-container *ngFor="let step of stepperSteps">
<ng-container *ngComponentOutlet="step.component"></ng-container>
</ng-container>在上面的示例中，我们使用ng-container元素来包装*ngFor指令，并在其中使用ngComponentOutlet指令来动态加载每个步骤的组件。
- 在组件类中，定义stepperSteps数组，并为每个步骤指定相应的组件类型或名称。例如：
import { Component1Component } from 'path-to-component1';
import { Component2Component } from 'path-to-component2';
// 其他步骤组件的导入
@Component({
selector: 'app-stepper',
templateUrl: 'stepper.component.html',
styleUrls: ['stepper.component.css']
})
export class StepperComponent implements OnInit {
stepperSteps = [
{ component: Component1Component },
{ component: Component2Component },
// 其他步骤组件的定义
];
// 其他组件逻辑和方法
}在上面的示例中，我们导入了每个步骤组件，并在stepperSteps数组中为每个步骤指定了相应的组件类型。
通过以上步骤，我们就可以通过*ngFor为每个角度材料步进器步骤提供不同的组件。每个步骤的组件可以根据具体需求进行定制和实现，从而实现不同的功能和展示效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云云安全中心：https://cloud.tencent.com/product/ssc
- 腾讯云云监控（Cloud Monitor）：https://cloud.tencent.com/product/monitor
相关·内容
5回答
我创建了一个定制的角材料模块，material.module.ts文件，并在这个文件中导入如下的角材料UI组件，如下所示。
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {
MatButtonModule,
MatToolbarModule,
MatIconModule,
MatBadgeModule,
MatSidenavModule,
MatListModule,
Ma
浏览 7提问于2021-09-10得票数 21
3回答
我有3个步骤在一个角度材料水平步进机。我想在默认情况下启用前2个步骤，但禁用3个步骤(但不隐藏)。
这些步骤不一定要有决定当前步骤是否有效的表单值。会发生一系列的后端调用来决定当前步骤是否有效。线性模式选项看起来可以工作，但它似乎依赖于它们是一个具有所需值的表单，以便确定该表单是否有效。我没有表单，但仍然想要相同类型的功能。有什么想法吗？
浏览 0提问于2018-05-26得票数 1
我看过这篇文章：在他们提到的评论中提到，我们可以在app中使用、Prime、和角材料。在PrimeNg中，组件大多是独立的模块，因此您只能添加所需的模块，而在经过几次更新之后，角材料也是如此。
我的问题是..。我们可以使用多个库，如: PrimeNg，棱角材质，熔断器和更多。在不影响构建的性能或大小的情况下，因为树的抖动会处理它。基本上，我只想用材料设计布局和一些外观和感觉。
另外，角(5/6)是否支持100%的树抖动，还是我们还需要使用Rollup.js？看过多篇文章，但还不确定。
浏览 1提问于2018-06-26得票数 3
回答已采纳
2回答
我建立了一个线性步进器使用的角度材料2步。
我有不同的组件(组件-a，组件-b，组件-c)中的表单.在我的主容器组件(容器-组件)中，我希望有一个线性步骤，当每个组件的表单有效时，它会“逐步”遍历每个组件。
是否有某种功能可以与步骤中的stepControl对话以使其正常工作？
我已经附上了步骤程序和应用程序的StackBlitz版本的文档。另外，一个链接到回购我也有工作。
材料步进元件：
StackBlitz：
Github：
浏览 1提问于2017-10-25得票数 5
我使用的是Angular2材料，我想将list和item分割成不同的组件。
这是我的list
@Component({
selector: 'app-list',
template: `
<md-grid-list cols="12">
<app-item *ngFor="let item of items"></app-item>
</md-grid-list>
`
})
export class ListComponent {
items: Arr
浏览 2提问于2017-02-21得票数 3
回答已采纳
我用的是有角的材料标签。我的代码如下所示：
<md-tab-group>
<md-tab style="position: fixed;top:0;" label={{category}} *ngFor="let category of itemCategory">
</md-tab>
</md-tab-group>
这方面的css是：
.q-header {
width: 100%;
height: 40px;
display: flex;
flex-directi
浏览 2提问于2018-03-30得票数 1
回答已采纳
1回答
我将MatExpansionModule添加到应用程序模块，开始进行一些测试。
创建一个单一的mat-expression-panel呈现，但是如果我想用一个ngFor动态地创建一组面板，它将锁定我的网页。
我想弄明白为什么会发生这种事，并可能会纠正它。
我正在针对各种设计进行测试，并且显式地将ngFor应用于此实现将失败。
试过以下几点：
测试测试字符串`
<mat-展开-面板*ngFor=“让项目的sampleList"> {item.name}}测试字符串‘
最后一个(3)是它失败的地方。
为了尝试提取嵌套的数据，我利用了这些内容作为一个简单的字
浏览 0提问于2019-08-20得票数 0
我决定创建一个新的角度6应用材料设计。问题是要使用什么材料库？
角材料()
靴带材料设计()
正如我所看到的，其他引导带材料库有自己的版本，用于，避免使用JQuery。()
你为什么要避开它？它是有问题的还是很难开发的？
MDBootstrap的角有免费和付费版本。我不喜欢免费版本，也不能使用付费版本。
我真的应该在我的新的角度应用程序中使用带有JQuery的引导带材料设计吗？
浏览 1提问于2018-08-23得票数 25
回答已采纳
3回答
我想用三种以上的颜色(主色调、重音、警告)来制作一个有角度的主题，并将这些颜色应用到像进度条之类的物质元素中。
我读了这个材料设计案例研究：
它们使用6种颜色的调色板：
为了增加额外的颜色，我想这将是正确的方式？
$mat-extra-color-orange: (
50 : #fff8e5,
100 : #ffebb0,
200 : #ffdc78,
...
}
但是，如果我想在只接受mat-progress-bar的primary/accent/warn中使用额外的颜色呢？
谢谢你的帮忙!
浏览 5提问于2018-09-17得票数 8
回答已采纳
2回答
不久前，我还记得读过关于角添加一个虚拟 ngFor的文章，但我不太记得它的名字。
我现在在一个阶段，我需要一个虚拟滚动列表，但寻找这个，我不知道在哪里找到它。
这是角的一部分吗？(我用的是角度8/9)
我以为它叫做ngVFor，但是搜索它，我只是找到了，并试图运行npm install ng-vfor-lib，只是没有找到。
另外，我发现cdk-virtual-scroll-viewport是角质材料的一部分，但希望能够安装一个单一的组件(不包括我在这里不使用的所有角材料)，因为我的应用程序是在Ionic内部构建的。
总之，我的问题是“是否有一个独立的角度ngVFor，或者它是”正式“组件，现
浏览 0提问于2020-05-04得票数 1
回答已采纳
3回答
我有一个父组件，它获取对象列表。父组件的相应html文件使用ngFor根据该列表创建多个子组件。如何在每个子组件中调用函数？
以下是我的父组件类型记录文件(为清晰而编辑)：
export class HomeComponent {
childObjects: Array<ChildObject> = [];
constructor() {
this.childObjectService.getChildObjects()
.subscribe(res => {
this.childObjects
浏览 5提问于2017-06-16得票数 2
回答已采纳
在我的TypeScript类中，我可以加载一个类型为HTMLCanvasElement的数组--但是当我使用ngFor迭代这个数组时，我只看到页面上每个加载的画布对象的文本：“”。
我的模板代码的要点是：
<div>*ngFor="#cvs of canvases">
{{cvs}} </div>
相关类别代码：
canvases:HTMLCanvasElement[]=[]
var canvas = document.createElement("canvas");
//here I take an image and dra
浏览 5提问于2016-07-08得票数 0
回答已采纳
想知道是否可以从JSON数据创建动态材料表。列和标题的数量应该根据JSON中的键进行更改。例如，这个JSON应该创建这个表：
{
color: "green", code: "#JSH810"
}
,
{
color: "red", code: "#HF59LD"
}
Color Code
green #JSH810
red #HF59LD
这个JSON应该创建这个表：
{
id: "1
浏览 1提问于2020-08-28得票数 2
回答已采纳
3回答
角材料与材料的比较
、、、、
嗯，大概有一周了，我正试着用棱角材料来运行一个应用程序。
在对角质材料及其神经损伤的错误进行了如此多的挑战之后(这些问题可能永远不会得到解决，因为它们的里程碑是尽快为角V2发布V2 )，现在它让我大吃一惊，这就是为什么我必须使用616KB JS+CSS角材料模块而不是254KB JS+CSS材料化模块。
我知道(告诉我如果我错了！)：
最好尽量避免更改DOM元素
但是棱角材料基是导致大量折返/重涂的指令，事实上，根据我所看到的演示，材料化比角材料要快得多，而且轻得多。
这是很明显的角度材料更角度友好，并有一些特殊的功能，如$mdThemingProvider和.，但我对使用角材料或可能
浏览 4提问于2016-08-16得票数 31
1回答
我想知道odeint中的步长是否固定。在中
基本的步进概念。遵循这一步进概念的基本步骤能够执行ODE的解x(t)的一步，从而使用给定的步长dt获得x(t+dt)。
在下面的代码中，
#include <iostream>
#include <boost/numeric/odeint.hpp>
using namespace std;
using namespace boost::numeric::odeint;
/* The type of container used to hold the state vector */
typedef std::vec
浏览 2提问于2015-05-18得票数 0
回答已采纳
1回答
我一直在谷歌上搜索，并试图找到一种方法/文档的角度材料2种方式来设置。
div背景色
div颜色
衬垫，边缘
计划了不同的布局(即使在Q4中，我也没有看到)
还有预支的东西？
浏览 2提问于2017-09-24得票数 0
1回答
我有这样一个嵌套的ng-template结构。
@Component({
selector: 'my-app',
template: `
<list>
<ng-template *ngFor="let item of Items" #ListItem>
<ng-template #ListItemLine>{{ item[0] }}</ng-template>
<ng-template #ListItemLine>{{ item[1] }}&l
浏览 4提问于2017-11-20得票数 5
如何在使用ngFor多次渲染模板时提高性能？我有一种情况，我需要根据计数显示相同的模板。我正在使用*ngFor来做这件事。模板加载正确，但我担心需要重复显示几千次相同内容的performance.Because，加载模板后性能会变慢。我在这里做了一个柱塞演示。请在formarray中增加表单组的数量，差值为1000，系统将变慢或崩溃。这就是我创建This数组的方式，
for(var i=0;i<100;i++){
let dummyFormGroup=this.fb.group({
'name':[''],
'pl
浏览 0提问于2016-10-01得票数 9
回答已采纳
我有一个应用程序，它有一个与搜索框相当相似的主细节视图的多个情况。因此，我决定将通用功能封装到自己的模块中，在通过服务实现的组件之间进行通信。以下是层次结构：
MyGenericGridModule
SearchComponent
MasterGridComponent
DetailsComponent
GridService <-- stateful
AppModule
CitiesGridComponent
RetailersGridComponent
我打算创建MyGenericGridComponent的多个视图，其中布局差异将通
浏览 1提问于2018-02-20得票数 9
回答已采纳
1回答
我有一个大的、复杂的自定义表，在用户单击和许多其他操作中可以看到许多嵌套行。我需要对该表进行分页，以显示每个页面选择器的项和每一页的“结果号”。
(有点像
)
我找到了 (在现实中，上面的图像就是那个组件)，这对我来说是完美的，但是我不能再导入这个组件了。如何将页面更改事件绑定到自定义表？我已经搜索了角材料网站，但我没有找到任何有用的例子。唯一的是，它涉及到我不能使用的其他材料部件。
有什么帮助吗？
这是分页器标签
<mat-paginator [length]="this.state?.unitaDocByMap.length"
[pag
浏览 3提问于2017-10-11得票数 2
回答已采纳
2回答
我试着用一个角度的材料展开面板来显示一组物品，但是它没有显示任何东西。我知道扩展面板使用ng内容将内容投影到面板组件中。下面是我的模板代码的样子：
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title> This is the expansion title </mat-panel-title>
<mat-panel-description>
This is a summary of the content
<
浏览 4提问于2021-12-29得票数 0
3回答
我有问题，改变单选按钮的角度材料2的颜色。我搜索了其他的答案，但没能成功。
下面是材料2单选按钮示例中的柱塞：
我知道这会适用于这条线
<md-radio-button color="primary" class="example-radio-button"
*ngFor="let season of seasons" [value]="season">
{{season}}
</md-radio-button>
但我不能使用“颜色”属性，因为我们使用的是一个旧版本的材料2，我们不能升级它目
浏览 3提问于2017-08-18得票数 3
回答已采纳
1回答
我用的是材料界面。我正在使用site组件来实现电子商务站点的结帐漏斗：
<React.Fragment>
{getStepContent(activeStep)}
<div className={classes.buttons}>
{
<Button onClick={handleNext} className={classes.button}>
{ac
浏览 1提问于2019-07-24得票数 4
回答已采纳
我有一个父组件，它通过*ngFor加载二次子类组件。我的父组件加载数据以呈现子组件。在用户请求后需要额外的数据。
父组件的html：
<panel *ngFor="let item of collection" (selected)="onTogglePanel($event, item)">
<div panel-body>
<item-detail
*ngIf="item.detail; else templateLoading"
[deta
浏览 1提问于2018-07-04得票数 0
回答已采纳
我正在使用一个简单的mat步进器，其中的步骤是使用*ngFor从数组中生成的。
在呈现步骤后，我想动态地向显示中添加一个步骤，然后立即以编程方式导航到它，。
动态添加这些步骤很好--导航部分是一个问题，因为它导致了一个异常："Error: cdkStepper:无法将超出范围的值分配给selectedIndex“，尽管分配的索引应该在基于传递给组件的步骤的范围内。
为了说明这个问题，简化了示例(超时只是异步行为的占位符，会导致添加额外的步骤)。
steps = ['step1', 'step2'];
selectedIndex = 1;
ngOnIni
浏览 4提问于2019-09-18得票数 3
什么是将材料模块导入到角8项目中的最佳方法？是否将material.module.ts导入app主模块，然后在其他模块中使用：
import { NgModule } from '@angular/core';
import {
MatButtonModule,
MatMenuModule,
MatToolbarModule,
MatIconModule,
MatCardModule
} from '@angular/material';
@NgModule({
imports: [
MatButtonModule,
浏览 1提问于2019-07-15得票数 3
回答已采纳
因此，我要跟上Angular6的变化，我看到了关于他们的材料库的提到。几个问题：
材料是否使用它自己的CSS布局，而不是引导？
这两个主要包中的每个包的作用是什么？
npm install --save @angular/material @angular/cdk
浏览 0提问于2018-06-16得票数 1
回答已采纳
我用的是角质6和角质材料。我试图在Material ()中实现一个简单的拖放列表。拖放在“材料”选项卡之外很好，但在选项卡内非常慢(从5项列表中的DnD 1项到18秒)。即使鼠标不动，onDragEvent也会多次触发。我尝试过分离(onDragStart)和重新连接(onDrop)变化检测器。这没什么区别。
下面是html：
<div (dragover)="onDragOver($event)">
<div *ngFor="let item of listItems, let i = index"
(drop)=&
浏览 0提问于2018-05-23得票数 1
回答已采纳
我已经搜索过这个，并看到了一些使用NgRx的例子，但我不想在我正在进行的这个小项目中使用它。我希望有一个更简单的方法。
目标
当单击组件a时，我试图更新组件b。我使用的角度11和组件没有相互参照。如果这件事重要的话，我也在用角度材料。
代码
<app-skills></app-skills>
<app-project></app-project>
app.component.html
SkillComponent是组件b ProjectComponent是组件a
当单击ProjectComponent上的技能芯片时，我希望更新Skill
浏览 4提问于2021-04-28得票数 0
回答已采纳
2回答
我有一个组件，其中有一个表单和一些子组件中的表单。子组件是使用*ngFor创建的，每个子组件都包含input元素。Angular2编译器给出错误，如未定义formGroup。
这个实现是正确的吗？
父组件：
<section class="data-body">
<form [formGroup]="checkoutForm" novalidate>
<app-checkout-product-view *ngFor="let item of checkoutData.products
浏览 1提问于2016-10-21得票数 36
回答已采纳
2回答
请帮助我理解角材料和的下列引号
这个项目正在提前发布。角材料既是材料设计的参考实施，也是聚合物项目纸张元素收集的补充。
角材料设计项目是一个参考的实施工作，类似于聚合物项目的纸元素收集。该项目提供了一组实现材料设计系统的AngularJS UI元素。
我知道聚合物是一个网络组件的框架，这个项目的一个部分就是收集纸元素。我不明白这两者是如何联系在一起的，也不明白为什么谷歌正在开发两个惊人的相似但又不同的项目。
角质材料仅仅是纸张元素到角度的端口吗？
在他们的网络应用程序中，网页开发者是否应该在纸元素的旁边使用棱角材料？
这两者最终是否会有效地成为等价物？( AngularJ
浏览 3提问于2014-12-15得票数 20
回答已采纳
我通过以下方法生成6x6网格：
<ion-grid>
<ion-row *ngFor="let rowIndex of createRange(6)" [attr.id]="'row-'+rowIndex">
<ion-col col-2 *ngFor="let colIndex of createRange(6)" [attr.id]="'row-'+rowIndex+'-col-'+colIndex">
浏览 2提问于2017-05-13得票数 1
回答已采纳
5回答
我试图覆盖默认的编辑图标，从步骤材料角度，但这是行不通的。
我试着：
<mat-horizontal-stepper [linear]="isLinear" #stepper>
<mat-step>
<form>
<ng-template matStepperIcon="edit">
<mat-icon>home</mat-icon>
</ng-template>
...
&
浏览 0提问于2018-11-03得票数 16
回答已采纳
我用的是角v6的角度材料。当我在HTML文件中使用它的时候。我遇到了这样一个错误：
ERROR TypeError: _this._driver.validateStyleProperty is not a function
摘录自我的角度材料模块：
MatFormFieldModule,
MatInputModule,
MatSelectModule
HTML用法：
<mat-form-field>
<mat-select placeholder="Select item">
<mat-option *ngFor=&#
浏览 2提问于2018-07-18得票数 2
回答已采纳
1回答
在从不同组件通过ID访问DOM元素时，我发现了角4.4.6的问题。
在我的组件中，我想为某些用途绘制一个谷歌地图。正如API中提供的示例所示，我通过在.html文件中包括以下内容来做到这一点：
<div id='map'></div>
在.ts文件中，ngOnInit函数中有以下内容：
...
var map = new google.maps.Map(document.getElementById('map'), {
...
}
...
这与预期一样工作，并显示了如果我按照路由组件中指定的方式直接加载组件，可以使用的映射。
但是，
浏览 4提问于2018-01-16得票数 0
2回答
我正在用角质材料做垂直步进。问题是，这个步骤将每个步骤的内容放在步骤标头下面，所以如果有许多步骤，它看起来是非常满的，因为你必须滚动。
我的想法是将标题从内容中分离出来，这样它看起来就更像一个sidenav，但是具有棱角的材料功能。
这就是我现在所拥有的：
这是我想要的，
我尝试过像这样编辑标题：
mat-step-header{
display: flex ;
justify-content: flex-end ;
}
但它不起作用。
浏览 1提问于2019-02-26得票数 2
回答已采纳
我正在使用角度材料步进器，功能如预期工作，并得到以下错误：
浏览 2提问于2018-05-14得票数 2
1回答
我正在使用剑道角2，并需要实现向导(多页)表单样式。
作为请求的一部分，在移到下一页之前，我需要在每一页中进行验证。我看到了滚动视图组件，但是它似乎对执行验证没有太多的控制。
请给我建议什么是可能的解决办法。
先谢谢你
浏览 1提问于2018-05-14得票数 1
1回答
我想使用trackBy来提高长列表的性能。此列表的数据应在更改时不可变，并通过异步管道提供给模板。尽管我使用的是trackBy功能，但每当我发出一个新值时，整个列表都会被重新命名。即使数组中的对象与相同的id保持不变，也会发生这种情况。
组件
export class AppComponent implements OnInit {
data: Observable<any>;
trackBy(index, item) {
return item.id;
}
ngOnInit() {
const data = interval(100).pipe
浏览 0提问于2019-09-13得票数 5
2回答
我是角度框架的新手，最近被介绍到属性*ngFor=""中。
正如我所了解的，这需要与JavaScript for()循环相同的参数.因此，*ngFor="let item of itemCollection".但是，与其他指令不同的是，*ngFor不要求将其周围的[]视为代码。
建议，hero属性需要将其周围的[]作为代码对待，并返回"hero"的值。
<app-hero-detail *ngFor="let hero of heroes" [hero]="hero"></app-hero-det
浏览 0提问于2019-06-12得票数 4
回答已采纳
1回答
我只是刚开始的角度和角度的材料，我不喜欢每个角度的材料组件开始于mat。例如：
<mat-sidenav-container>
<mat-sidenav>...</mat-sidenav>
<mat-sidenav-content>...</mat-sidenav-content>
</mat-sidenav-container>
有办法为这些组件提供自定义选择器名称吗？比如，类似这样的事情：
<SidenavContainer>
<Sidenav>...</Sidenav>
浏览 5提问于2019-12-05得票数 1
回答已采纳
2回答
我正在进行API调用并存储大量用户配置文件，我希望能够为每个配置文件动态创建卡片(角材料设计md-卡)。返回的概要文件的数量可能有所不同，因此这需要是动态的。
这是我的组件文件，它发出JSONP请求并将概要文件存储在profiles变量中：
import {Component, Injectable, OnInit} from '@angular/core';
import {Jsonp} from '@angular/http';
@Component({
selector: 'app-staff',
templateUrl:
浏览 2提问于2017-09-05得票数 9
回答已采纳
我有一个元素，我想应用某个类，所以我使用了一个class.active条件，它监视一个可观察的更改。但当我切换时，它不适用于下面的li，并分解了整个应用程序：
<li *ngFor="let room of activeRooms$ | async" [class.active]="room.name === (currentRoomName$ | async)">
我发现，如果我使用ngClass来代替，它会很好地工作：
<li *ngFor="let room of activeRooms$ | async" [ngClas
浏览 2提问于2016-06-16得票数 5
我正在生成*ngFor内的复选框，使用的是角度6材料6。复选框被正确显示。但是，当我单击任何一个复选框时，它们都会闪烁，无法正确检查。
我试过在stackblitz，在那里它是正常工作的。我不知道我错过了什么。从过去的一周开始我一直在挣扎。
我在app.module.ts中正确地导入了它，如下所示：
import {MatCheckboxModule} from '@angular/material/checkbox';
这是我的密码。请建议我的任何依赖，除了这个，我需要包括。
<div *ngFor="let prop of reflectUI; let i =
浏览 0提问于2018-07-25得票数 0
在单击中的“继续”之后，是否可以直接显示下一步？(或者换句话说:如何删除过渡幻灯片效果)
浏览 0提问于2018-05-13得票数 9
回答已采纳
3回答
我的问题场景如下，
我有一个大表单的页面(+100输入)。这些输入被分成几个部分，这些部分作为不同的组件(用于重用)进行开发。所以页面的总体布局是这样的，
<div>
<form-section-a></form-section-a>
<form-section-b></form-section-b>
<form-section-c></form-section-c>
...
<form-section-z></form-section-z>
&l
浏览 1提问于2018-11-19得票数 2
我刚刚开始在工作中使用角度材料。但我马上遇到了一些让我困惑的事情--希望我弄错了方向。要样式化一个按钮，你似乎必须添加一个属性，而不是一个类。
<button mat-raised-button>Continue</button>
有没有办法通过css类来做到这一点？如果不是，那么如果你构建一个大型的复杂站点，使用了很多垫起按钮，而客户决定他们想要垫划按钮，那么你必须更改每个按钮实例？常规的css/HTML按钮在这里肯定有优势，因为您可以将一个css类应用于多个按钮实例，然后只需更改单个类的定义就可以在任何地方更改样式。我错过了什么-或者风格真的与角度材料中的功能(反模
浏览 1提问于2018-08-13得票数 3
2回答
当试图显示可编辑输入的网格时，我出现了性能问题。在大约200行和10列时，它开始变得非常慢。(使用角4.4)
<tr *ngFor="let row of rows">
<td *ngFor="let column of columns">
<ng-container [ngSwitch]="column.columnType">
<ng-template [ngSwitchCase]="0">
<input [(ngModel)]=&#
浏览 0提问于2018-04-26得票数 8
回答已采纳
11回答
我在角度材料中有这样的选择：
其代码：
<md-select placeholder="Descuentos y convenios" [(ngModel)]="passenger.discount">
<md-option [value]="null" [disabled]="true">
Descuentos
</md-option>
<md-option *ngFor="let option o
浏览 10提问于2017-04-28得票数 35
回答已采纳
1回答
我在使用JSON时遇到了麻烦，代码也有问题
<div class="col-lg-12">
<div *ngFor="let Questionnaire of struc.data; let i = index">
<span>{{i}}. {{Questionnaire.attributes.content.question}}</span>
</div>
</div>
<!--Radio button answ
浏览 0提问于2017-09-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
