我想了解如何在模板中访问选定项的值。具体来说，我想知道如何访问模板中选定的IPMIDisplayTime和IPMIDisplayTime值，并使用它。
import {ViewChild, ElementRef} from '@angular/core';
@Component({
selector: 'app-select-dialog',
template:`<h1 mat-dialog-title>
{{ title | translate }}
</h1>
<div mat-dialog-content>
浏览 0提问于2018-04-11得票数 2
回答已采纳
我需要传递表单onSubmit的模型，模型的一个元素是select选项。如何同时传递值和selectionName onSubmit？
Html:
<form #EditUserForm="ngForm" (ngSubmit)="onSubmit(EditUserForm)">
<mat-form-field class="container">
<mat-select [value]="currentUserRole.RoleId" name="RoleId" requi
浏览 0提问于2018-07-01得票数 0
回答已采纳
1回答
席-选择值不显示
、、
我有一个view，我的Angular Components，一个mat-select。此Angular Component有一个用于编辑某些数据的表单。所以，当我打开组件视图时，表单是预先填充的。
<mat-form-field>
<mat-select
[(value)]="selectedGroups"
placeholder="Select the associated Bitbucket groups ..."
multiple>
浏览 0提问于2018-10-09得票数 0
1回答
我有表单与mat-select和输入时，按回车，模糊所有元素的形式，并执行搜索功能。当我在mat-select中选择一个选择并按回车键时，mat-select仍将焦点放在其上，以便在搜索功能运行时将其打开。我需要一个功能来模糊垫-选择(垫-选择下面是灰色的，而不是紫色)，以防止他们打开时，我点击回车。
我的代码：
感谢您的关注！
浏览 0提问于2019-10-27得票数 1
1回答
我正在使用角14，试图创建一个select表单，从组件中的数组读取选项。正确填充了select选项，但当我发送表单时，未发送所选选项值。它只会让它空着。对是什么原因有什么建议吗？
<mat-label>Perfil</mat-label>
<mat-select name="perfil">
<mat-option *ngFor="let perfil of perfis"
[value]="perfil.value">{{ perfil.title }}
浏览 6提问于2022-11-20得票数 -1
回答已采纳
我有一个下拉列表，如下所示
html
<mat-form-field>
<mat-select placeholder="Team" [(ngModel)]="selectedTeam" name="team"
(change)="mainValuesChanged('team',$event,t.value)" #t>
<mat-option *ngFor="let team of teams" [value]="t
浏览 0提问于2018-02-19得票数 0
我使用angular2 mat-select控件，并尝试更改其下拉列表菜单的宽度和位置，以匹配父元素(默认情况下，它更宽，并在几个像素内将元素溢出到两侧)。
我没有看到这样的选项在材料网站和覆盖css是复杂的，因为值依赖于元素宽度(需要它的所有选择菜单在我的网站)。
代码示例：
<mat-form-field class="col-sm-8 grey">
<mat-select [(value)]="selectedGroup">
<mat-option *ngFor="let item of groups
浏览 2提问于2018-04-26得票数 0
我有一个mat-select和一个mat-option列表，但是我在每个mat-option中有3个信息。示例：
<mat-select [(value)]="accountSelected">
<mat-option [value]="account" *ngFor="let account of listOfAccounts">
Account {{account.accountNumber}} Agency {{account.agencyNumber}} Digit {{account.d
浏览 5提问于2022-06-14得票数 0
回答已采纳
2回答
我有一个表单，其中包含一个使用angular材质的mat-select组件的下拉列表。 <mat-select multiple (selectionChange)="onFilter($event)">
<mat-option *ngFor="let section of someDropdown" [value]="section">
{{section}}
</mat-option>
</mat-select>
<button class="some-b
浏览 28提问于2019-05-03得票数 0
回答已采纳
4回答
我的HTML
<mat-form-field class="button-spacing">
<mat-select placeholder="select" [(ngModel)]="dropDownOne">
<mat-option *ngFor="let first of test1" [value]="first"> {{ first }}
</mat-option>
</mat-select>
</mat-form-fiel
浏览 0提问于2019-02-12得票数 1
回答已采纳
我需要做到以下几点。你能给我一些建议或建议，让我朝着正确的方向走吗？谢谢。
目标的实现：
通过添加所需的index.html引用来完成文件：CSS AND JAVASCRIPT (下面的代码)，这样它就可以呈现从这里获取的组件：{<mat-select />、<mat-slide-toggle />、<mat-datepicker />}：。
可能需要在JAVASCRIPT CONFIGURATION CODE标记中添加一些head / script。
<!-- file: index.html -->
<!DOCTYPE html>
浏览 2提问于2018-01-10得票数 1
正在开发angular2测试版Forms。经过大量的搜索，没有发现任何有用的东西。希望这里有人能帮我。
基本上，我有点困惑如何在angular2中以适当的方式使用表单(即使用ngControl、ngFormControl等)。我在这里创建了一个plnkr
这是我的.html代码：
<form class="form-horizontal" id='myForm' role="form" [ngFormModel]="CreateGroup">
<div class="col-md-7"
浏览 56提问于2016-02-14得票数 13
我是Node的新手，我正在尝试使用。问题是，一旦下拉列表打开，它就无法关闭(通过单击页面的另一个区域)，第二个问题是下拉列表不适合放置在其中的引导网格中。下面是打开的下拉列表的图片。
下面是我的package.json文件夹中的物质依赖行(显然还有其他依赖项)。
"@angular/material": "^5.2.5",
"@angular/animations": "^5.2.10",
"@angular/cdk": "^5.2.5",
"hammerjs": "
浏览 0提问于2018-04-21得票数 1
回答已采纳
我正在尝试为material.io表单设置一个默认值，但我似乎无法让它与组版本一起工作。以下是我的代码
<mat-form-field>
<mat-select placeholder="Pokemon" [formControl]="pokemonControl">
<mat-optgroup *ngFor="let group of pokemonGroups" [label]="group.name"
[disabled]="group.d
浏览 1提问于2018-02-14得票数 1
1回答
我使用的是反应式驱动表单方法。我有两个下拉列表，其中有两种不同语言的国家列表，说英语和印地语。我的用例是，如果我从英语下拉列表中选择任何项，从印地语下拉列表中选择任何项，它都应该被绑定。(假设两个下拉列表的国家/地区代码相同) 我尝试使用值绑定，但它只选择一次，如果我选择不同的值，相同的值不会反映出来。在使用ngModel进行绑定时，出现以下错误: ngModel不能用于向父formGroup指令注册表单控件。 <form [formGroup]="userForm" class="user__form">
<
浏览 23提问于2019-01-22得票数 0
我使用mat-select在我的角度项目作为下拉语言选择器。
我希望当我点击垫子表单字段(用红色椭圆形显示在图像中)时，mat选择会关闭，但它没有。
请注意，我研究了并发现mat有一个名为close的方法。
关闭覆盖面板并聚焦主机元素。
我想，只要面板打开，用户点击面板，我就可以调用这个方法，我的问题就会解决。我只是不知道如何使用这个方法，在文档中找不到任何东西。
这是我的html
<mat-form-field class="locale-selector">
<mat-select
disableOpt
浏览 1提问于2020-09-08得票数 0
正如标题所说，我有一个反应式表单，其中包含多个<mat-select>。在初始表单加载时，即使form.value显示初始选项，它也不会显示。
相关component.ts：
export class DesJobInfoEditComponent implements OnInit {
...
currentJobData: IJob;
jobTypes: IJobType[];
...
constructor(private fb: FormBuilder) {
...
// Construct forms
this.crea
浏览 2提问于2018-05-04得票数 12
我有一个表示地址的表单，我使用mat-select表示州/省。不幸的是，它不会自动填充州/省(我假设是因为它不是本机select)。这是我的标记：
<mat-form-field>
<mat-select placeholder="State"
[(ngModel)]="state"
autocomplete="billing address-level1">
<mat-option *ngFor="let s of states" [val
浏览 1提问于2017-12-09得票数 9
1回答
角度材料选择框未正确显示
、、、
我用Angular材料做了一个Angular 8项目，我有一个表单，我需要在其中添加一个具有以下样式的选择框： ? 注意标签“选择一个选项”样式如何在行的中间。 html代码： <mat-form-field>
<mat-label> Select an option</mat-label>
<mat-select>
<mat-option *ngFor="let type of types" [value]="type">{{type}}</mat-option>
浏览 33提问于2020-10-17得票数 0
我只是想让表单中的字段成为必填项，这样您就不能将它们作为空白提交，但我遇到了一些问题。只有我需要的'description‘属性才能正常工作。其他字段仅突出显示红色，但实际上并不阻止提交。
我已经尝试在mat-form-field中放置required，但是没有用，并且也关闭了input标记。
<h1 mat-dialog-title>Add New Announcement</h1>
<form (submit)="onSubmitAnnouncement(newAnnouncementForm)" #newAnnouncementFor
浏览 13提问于2019-07-13得票数 0
我有一个表单域，其中包含一个select和右边的一个按钮。这个想法是用户可以点击“添加”按钮来添加一个选项到选择。问题是，当点击“添加”按钮时，它会同时打开我的对话框和选择选项，选择选项覆盖在我的对话框上。我只想在单击'add‘按钮时打开对话框。如何取消选择打开？ <form>
<mat-form-field>
<mat-placeholder>Search reports</mat-placeholder>
<mat-select #mySelect>
<mat-option>
浏览 32提问于2019-01-25得票数 4
回答已采纳
我有两个Windows窗体。
在第一个主窗口窗体中，有多行文本框和一个按钮。该按钮打开第二个表单，在该表单中，我可以使用AddEntry对象向数组添加数据。
在第二个表单中，我有一个文本框和一个按钮(btnAddEntry)，它应该从第一个表单更新文本框的内容。
当输入数据时，我想从第一个表单开始在文本框中显示数据。
问题是我想出来的代码似乎不能工作。
我该如何解决这个问题？
浏览 2提问于2013-01-22得票数 0
在material2中，当初始化select时，不选择默认值。如果用户选择了一个值，他就不能取消它。我希望使用户能够取消选择值。
我通过了，但无法使用它。
<mat-select id="formal" formControlName="formal" placeholder="Default - No value selected">
<mat-option value="1">formal</mat-option>
<mat-option value="2
浏览 1提问于2017-02-02得票数 17
回答已采纳
我是Angular 6的新手，我正在做一个项目，在这个项目中，我正在使用材料设计和使用表单控件的reactive form。因此，我面临的问题是，除了mat-select之外，所有其他字段都工作得很好，它正确地显示下拉内容，但当我选择它时，所选值不会反映在表单控件中。和mat-select数据来自后端
下面是我的html代码：
<mat-form-field class="example-full-width">
<mat-select placeholder="Source City" formControlName="s
浏览 1提问于2018-09-13得票数 0
我有一个里面有mat-select的mat-form-field。这与预期的一样。appearance="outline"提供了mat-form-field。现在，我想在大纲中添加第二个组件apm-lock，它显示一个要锁定或解锁的图标。 <mat-form-field class='block' appearance="outline">
<mat-label i18n>Anlagenbetreiber Objektgruppe</mat-label>
<mat-select
浏览 12提问于2021-07-05得票数 0
回答已采纳
我正在使用angular mat-select来显示来自WebAPI的列表。它正确地显示了我从"zone“表(Zoneid，Zname)中需要的内容。在提交时，我保存Zoneid (操作表上的外键)。
1-使用所有区域填充mat-select :工作(在创建或编辑模式下)
2-在编辑时:当我从mat-table列表中选择要编辑的“操作”(从操作表)行时，表单加载对象并使用所有值设置控件(输入文本)。除了mat-select组件没有设置值，我打开了mat-select，它显示了所有的区域列表(就像我之前说的那样)，似乎mat-select没有将saved..when id映射到它的Nam
浏览 0提问于2020-05-22得票数 0
我使用的是Angular和Material版本11。我希望始终使用表单框外的标签选择表单：
我读到我应该将mat-label放在mat-form-field之外，如下所示：
<mat-label for="filterColumn">{{'choose_column'|translate}}</mat-label>
<mat-form-field appearance="outline">
<mat-select id="filterColumn" placeholder=
浏览 6提问于2021-11-24得票数 1
3回答
我有简单的表单使用反应式，我可以选择选项使用模板驱动的形式，但我不能做同样的使用反应式形式。我在这里做错了什么
<form [formGroup]="reactiveform">
<mat-form-field>
<mat-select placeholder="Gender" [(value)]="gendervalue" formControlName="gender">
<mat-option value="female">Female</ma
浏览 0提问于2018-02-19得票数 1
使用角2和角材料6.4.7
我需要设置一个默认的选择选项使用mat-select组件。
下面的代码按其应有的方式工作，并在我不使用formControl绑定时设置默认值。
例子如下：
<mat-form-field>
<mat-select [(value)]="currentYear" placeholder="Select A Year" [formControl]="year.get('year')" >
<mat-option *ngFor="let y of
浏览 2提问于2019-01-25得票数 2
回答已采纳
1回答
我有一个充满活力的小组。
两个垫子选择都是动态的。当我按add按钮时，它会添加另一个具有相同元素和相同动态字段的表单数组。
在表单组数组的第一个索引中，当我在类别列中更改mat-select的值时，它将根据从数据库获取的值填充作业列。
我的问题是，当我添加另一个表单组数组时，mat-select仍然是动态的，但是当我在第2行，列类别中更改mat-select的值时，它将根据第一列中的提取数据来更改作业列中的所有行。
HTML文件
<mat-form-field>
<mat-select formControlName="categories"
浏览 0提问于2018-11-17得票数 5
1回答
我在一个表单上有一个用于两个目的的mat-select字段。首先，它可用于在搜索记录时选择在数据元素中包含特定值。其次，一旦找到记录，is将以只读模式显示数据元素的值。
第一次打开表单时，它处于查询模式，并运行一个函数来根据启用/禁用字段。第一次显示表单时，此函数会正确运行。在用户提交他们的查询之后，将调用相同的函数来禁用该字段，这也会正确运行。然后，用户可以将表单设置回其初始状态，以输入不同的查询参数，调用相同的函数。此时，当所有mat-input字段都重新启用时，mat-select保持禁用状态。
下面是mat-select字段和一个mat-input字段的HTML：
<td cla
浏览 0提问于2021-04-23得票数 0
2回答
我正在为我的应用程序创建一个“编辑视图”，我从API调用中接收信息，然后使用patch将这些值设置到我的表单中。我在dropdown select上遇到了一些主要问题，因为patch值似乎没有放入API的默认值。将数据从API绑定到select的正确方法是什么？
我搜索了与我相似的问题，发现我需要设置ngModel，我尝试在选项中选择标签，但它也不起作用。
选择标签(HTML)
<mat-grid-tile>
<p class="input-ref mandatory">Industry Type</p>
<mat-fo
浏览 0提问于2019-09-10得票数 0
11回答
我在Angular material项目中有一个简单的选择选项表单字段：
component.html
<mat-form-field>
<mat-select [(value)]="modeSelect" placeholder="Mode">
<mat-option value="domain">Domain</mat-option>
<mat-option value="exact">Exact</mat-option>
浏览 216提问于2018-06-02得票数 90
回答已采纳
我在表单#1中得到:输入和选择。在表单#2中，相同的字段和复选框。当我单击复选框时，如何将表单#1的值传递给表单#2？ HTML代码： <mat-form-field>
<input matInput placeholder="Nombre" formControlName="names" required>
<mat-error *ngIf= "f?.names?.errors?.required">
Name field empty or not valid, please check
浏览 16提问于2019-01-24得票数 0
回答已采纳
如何在没有自定义180px的mat-form-field-infix中覆盖默认宽度CSS
<mat-form-field fxFlex>
<mat-select>
<mat-option>{{ option.test}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field fxFlex>
<input matInput>
</mat-form-field>
全屏输出
但小屏幕显示水平滚动条
浏览 1提问于2018-06-21得票数 11
1回答
我使用的是角材料步进器，它在一个组件中作为一个整体代码工作得很好。但步进器将用于10种不同的部件。有7种不同类型的表单，如输入、选择、名称、表等。因此，我计算出，我将步骤划分为单独的组件，其中每个组件都是一个步骤。所以，我决定为表单app-step-form制作一个模板
<form [formGroup]="myForm">
<mat-vertical-stepper [linear]="isLinear" #stepper>
<ng-content></ng-content>
</mat
浏览 8提问于2020-12-16得票数 0
我们必须在mat-expansion-panel中显示一个表单。表单中有多个字段，对于其中几个字段，我使用mat-select，对于另外几个字段，我使用mat-input。
在扩展面板中，matInput工作正常，但mat-select没有显示用于选择可能值的选项。
尽管mat-select在正常显示时工作正常。
<mat-expansion-panel>
<mat-expansion-panel-header>
Heading 1
</mat-expansion-panel-header>
浏览 8提问于2018-01-25得票数 6
1回答
我正在使用Angula9，并且我在ReactiveForm中有一个mat-select输入。我希望在表单外部显示选定的选项，而不是输入值，在相同的html模板内。 我正在做这个： <div class="basic-container">
<mat-form-field>
<mat-label>Category*</mat-label>
<mat-select type="text" aria-label="Number" formControlNam
浏览 32提问于2021-02-01得票数 0
1回答
角材料下垂值的预选
、、、
我对角质很陌生。在HTML表单上，用户可以选择下拉列表值，我需要在一个角表中显示这个值。我所展示的价值如下：
<ng-container matColumnDef="PaymentMethodName">
<mat-header-cell *matHeaderCellDef mat-sort-header> Payment Method</mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.PaymentMethodName
浏览 1提问于2021-10-09得票数 2
回答已采纳
1回答
我有一个自定义的模式呈现表单，我正在尝试编辑它。
select组件如下所示：
<mat-select [formControl]="control" appColor="accent" ngClass="focus-{{propertyName}}" [multiple]="multiple">
<mat-option *ngFor="let option of options" [value]="option.enum[0]">
{{option.descrip
浏览 7提问于2022-11-30得票数 0
这是我的按键：
<button class="example-20-width" mat-raised-button disabled>Edit Client</button>
如何根据选择表单是否被选中来控制它并使其禁用？
这是我的字段表单：
<mat-form-field class="example-full-width">
<mat-select placeholder="Select customer">
<mat-option *ngFor="let food
浏览 1提问于2018-03-02得票数 38
基本上，我想知道我是否可以将与混合使用。
用例是，我正在设计一个多进程服务器，其中的工作进程必须能够将文件描述符发送到另一个特定的(依赖于fd)工作进程，并且我不想让O(n^2)个unix域套接字保持打开状态以使它们彼此连接。
当然，另一种方法是让它们根据需要打开连接，发送一条消息，然后在每次需要发送fd时关闭连接。
我关心的平台有Linux、OSX、HP-UX、AIX和Solaris。
浏览 7提问于2015-05-06得票数 0
1回答
我想得到垫-选项值从垫-选择内垫-表单字段使用表单提交，如何返回垫-选项值？
我的HTML文件：
<form (submit)="updateProfileCompany($event)">
<mat-form-field>
<mat-select name="company" placeholder="Select Your Company" #companyValue>
<mat-option *ngFor="let company of companies&#
浏览 1提问于2018-04-19得票数 2
回答已采纳
表单域(<code>D1</code>)内的角度材料选择(<code>D0</code>)忽略Selenium单击
<code>B2</code>
当测试运行时，Selenium点击后不会出现dropdown。如果它是由我手动创建的，测试将继续并通过。我也尝试使用SelectElement类，但它不适用，因为mat-select不使用任何select元素
公共类页面定义：
<code>A3</code>
测试：
<code>A4</code>
浏览 56提问于2019-12-03得票数 2
回答已采纳
2回答
所以我为我的php站点创建了这个小的登录系统，我有一个登录表单，我首先在其中创建了带有一些会话变量的会话，比如UserId等等。在创建会话之前，我还执行了session_destroy()，以便销毁任何现有的会话。
然后我在我的站点上的每个页面的顶部都包含了这个php文件，它用session_start()打开会话并启动mysql连接等等。
问题是，在某些页面上，会话确实正确打开，而在其他页面上，似乎创建了一个新会话。实际上，如果我转到另一个页面，并返回到没有打开正确会话的页面，这是相同的错误会话，所以我实际上打开了两个会话……
当我在页面上回显会话ID时，它们有不同的会话ID，所以我很困惑。
浏览 1提问于2012-08-15得票数 0
回答已采纳
我有对象的列表，它的下拉列表来源。在选择选择场景下拉菜单(ScenarioData.name)时，我们需要在选择环境下拉菜单中显示相同对象的ScenarioData的enabled：[]。如何做到这一点。
在表单提交时，我们需要从下拉列表中传递选定的名称和选定的环境。
export interface ScenarioData {
id: number;
item: string;
name: string;
enabled: [];
menu: string;
menuScenario: string
}
<mat-form-field
浏览 0提问于2019-07-29得票数 0
我有三个不同的表单，其中第一个表单有一个带有两个值的select下拉列表。我想知道在选择下拉选项之一，它必须打开另一个子窗体。我想知道如何才能做到这一点。
下面是包含下拉列表的代码：
app.component.html
<mat-form-field>
<mat-label>Favorite food</mat-label>
<mat-select>
<mat-option *ngFor="let food of foods" [value]="food.value">
{
浏览 8提问于2021-05-13得票数 1
3回答
如何制作角质材料所需的下拉列表？
、、、、
我有一个有棱角材料的搜索“表格”。但这不是一个带有提交按钮的表单。但只要一个按钮。就像这样：
<button mat-raised-button color="accent" class="Button" (click)="searchFor()">Filter</button>
我有个下拉列表。但我想让下拉列表成为必需的。
如下所示：
<div class="search-select searchstatus" *ngIf="selectedSearch && has
浏览 9提问于2019-10-16得票数 0
回答已采纳
3回答
多选择形式双向绑定
、、、、
我有一个多重选择表格：
<mat-form-field>
<mat-label>Toppings</mat-label>
<mat-select [(value)]="selected" multiple>
<mat-option *ngFor="let topping of toppings" [value]="topping">{{topping.value}}</mat-option>
</mat-select>
浏览 0提问于2020-05-26得票数 0
回答已采纳
2回答
列组件允许选择表中要显示的列和不显示的列。
<mat-form-field>
<mat-label>Columns</mat-label>
<mat-select [(ngModel)]="activeCols" multiple>
<mat-option *ngFor="let c of allCols" [value]="c">{{ c }}</mat-option>
</mat-select>
</mat-form-field>
浏览 4提问于2019-09-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
