有没有人知道如何以编程方式打开或关闭mat-select？作为api,有开放和关闭的方法但不知道如何从组件调用这些方法,并且没有任何示例在现场显示.
谢谢
我在电子应用程序中使用angularjs(1.x)和angular-material.我md-select在视图中有两个s,当我尝试在Windows中使用它时一切正常.但是当我在OS X中使用它时,md-select第一次点击后停止工作.我点击它然后打开项目列表,但是如果我md-select再次点击它,它就不再显示项目列表了.值得注意的是,如果我点击第一个md-select,第二个也md-select停止工作.
检查html,我可以看到,md-select有两个子元素:md-select-value和div(md-select-menu-container).单击并选择任何项目后,md-select-menu-container消失.也许它与问题有关,但第二个md-select仍然有一个md-select-menu-container我无法打开它.
即使尝试了一个简单的md-select没有任何选项,它仍然只在第一次点击时打开.
<md-select ng-model="vm.test">
</md-select>
任何人都知道为什么会这样吗？
我会把我的代码放在这里,但我认为这个bug在我项目的其他地方.因为如果我md-select在角度材料的演示页面中尝试s,它会按预期工作.
我的项目是在github,所以任何人都可以尝试:https: //github.com/jradesenv/controle-projeto
更新:
我已经创建了一个带有nodejs express的简单服务器来托管角度应用程序,它在chrome和safari上完美运行.它似乎只是一个电子的错误.我注意到它不仅是md选择,而且md-dialogs和md-toast也有一些奇怪的延迟打开和关闭,只在电子中运行.
谢谢!
这是我的角度代码,我想将默认值设置为300mb
<label >RAM</label>
<md-select ng-model="RAMVal">
<md-option value="300mb" ng-selected="index == 1">300mb</md-option>
<md-option value="400mb">400mb</md-option>
</md-select>
是否可以使用Shift和鼠标单击使用AngularJS在表格上选择多个元素？
我有一个表,其中第一列是一个复选框,我想使用SHIFT键和鼠标单击以连续选择多行,可以执行删除,编辑等操作.
示例步骤:
结果:将选择前10行.
有谁知道如何使用AngularJS完成这项工作？
我目前在Angular 2.4.0应用程序中使用Angular Material2(使用@angular/material: 2.0.0-beta.1).出于某种原因,md-select下拉菜单,而不是出现在初始值或占位符或箭头上以选择下拉列表,如材料文档中的这些示例所示,一直显示在页面底部.至于如果md-select下拉列表位于页面的右上角(我尝试放置的组件位于页面的右上角),当您单击箭头查看下拉选项时,它将滚动您将在页面底部显示它们.它们也将是页面的整个宽度,而不是下拉列表的宽度.
这是我的组件(至少相关位 - 这个应用程序相当大+我注释掉或删除了与下拉列表无关的代码(并删除了视图中除了下拉列表以外的所有内容)以及让阅读此内容的人更容易看到问题)):
import { Component, EventEmitter, Input, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
@Component({
moduleId: module.id,
selector: 'my-component',
templateUrl: 'my-component.component.html',
styleUrls: ['my-component.component.css'],
providers: [FormBuilder]
})
export class MyComponent implements OnInit {
@Input() page: Page;
canvasBackgroundColors: string[] = ['White', 'Pink', 'Black'];
draftModule: FormGroup;
// --- Component Constructor ---
constructor(private formBuilder: FormBuilder){}
// --- Angular LifeCycle Hooks ---
ngOnInit() {
this.formBuilderInit();
}
// --- UI Delegates ---
public …我创建了一个简单的指令，它包含在一个表单中，只有几个 md-input 和一个md-select.
我现在在几页中使用了我的指令，一切正常，但现在我想在一个 md-dialog它没有按预期工作，如果我在它外面单击，我将无法关闭 md-select-menu ，即使我专注于 md 输入。
因此，用户关闭菜单的唯一两种方法是选择一个选项或关闭对话框。
这还不错，但我发现这很烦人。
这是对话框的内容：
<md-dialog aria-label="Modal" ng-cloak flex="75">
<md-toolbar ng-class="md-primary">
<div class="md-toolbar-tools">
<h2 translate>personModal.update</h2>
<span flex></span>
<md-button class="md-icon-button" ng-click="cancel()">
<md-icon md-svg-src="img/ic_close_white.svg" aria-label="Close dialog"></md-icon>
</md-button>
</div>
</md-toolbar>
<person-form person="person"></person-form>
</md-dialog>
和指令内容：
<form name="createPersonForm" layout="row" layout-align="space-between center" class="bg-sec query-fields">
<md-input-container flex class="full-width-input">
<label translate>createPerson.form.firstname</label>
<input name="firstname" ng-model="person.firstname" required md-asterisk/>
<div ng-messages="createPersonForm.firstname.$error"
ng-show="createPersonForm.firstname.$touched">
<div ng-message="required" translate>
createPersonForm.errors.firstnameMissing
</div>
</div>
</md-input-container>
<!-- -->
<!-- Other md-inputs here -->
<!-- -->
<md-input-container flex class="consumption-filter …我需要禁用md-select,但我不能在Angular文档中找到它.
这是我的代码:
<md-select ng-model="idSelectedMonth" placeholder="Month">
<md-option ng-repeat="month in months" ng-value="month.number">
{{month.number}}
</md-option>
</md-select>