草庐IT

mat-option

全部标签

javascript - 如何在 mat-select 中设置自动对焦?

在我的Angular项目中有AngularMaterial并使用垫选择。Mat-select是我的表单的第一个元素,在我的案例中设置了自动焦点,而页面加载成功但我无法在mat-select上设置自动焦点。任何人都可以帮助我找到在mat-select中设置自动对焦的方法。@ViewChild("name")nameField:ElementRef;ngOninit(){this.nameField.nativeElement.focus();}html{{option.name}} 最佳答案 HTML:{{item.name}}.ts

javascript - 如何添加箭头图标以展开和折叠带有可展开行的 Angular Mat-Table 中的任何行?

我创建了一个带有可扩展行的垫子表,就像Angular8中的这个一样:https://stackblitz.com/angular/pmagobelkkg?file=app%2Ftable-expandable-rows-example.ts但是,如上例所示,仅当我单击该行中的某处时,该行才会展开。有什么方法可以为每一行添加向上和向下箭头图标,这样只有当我点击每一行中的图标时,该行才会展开吗?非常感谢! 最佳答案 这是您的stackblitz的解决方案。Forkedstackblitz希望对您有所帮助!

javascript - 检测 "Refused to display document because display forbidden by X-Frame-Options."错误的方法?

这个问题在这里已经有了答案:Catcherrorififramesrcfailstoload.Error:-"Refusedtodisplay'http://www.google.co.in/'inaframe.."(8个答案)关闭6年前。我正在使用“googleviewer”查看一些文档。唯一的问题是,如果浏览器有一个处于“边缘”的谷歌登录,它什么都不显示,并且“拒绝显示文档,因为X-Frame-Options禁止显示。”发生错误并显示在控制台中。我所说的“limbo”是指已知登录但用户必须重新输入密码以重新验证自己的情况。是否有一种方法可以检测此错误何时发生,以便我可以显示弹出错误

javascript - Knockout.js 在使用 'options' 绑定(bind)时更改 <option> 的颜色?

在选择列表上使用“选项”绑定(bind)时,是否可以更改选择列表选项元素的样式(使用“样式”或“css”绑定(bind))?或者这只能通过在选择列表上使用“foreach”并更改每个样式来完成吗?我在代码中有这个:但是如果我附加style:{color:isDefault()===true?'black':'red'}如果isDefault返回false,则整个列表为红色。以这种方式编码是实现此目标的唯一方法:或者是否存在我不知道的某种形式的Knockout.js魔法?谢谢! 最佳答案 为了扩展ThomasWiersema的回答,您

javascript - ng-选项 : how to put empty option at the end?

目前,我有这样的东西(简化版):Someoneelse这会创建一个下拉菜单,其中包含用于人名的选项和顶部用于“其他人”的空选项。问题是,如何在下拉列表的底部获得空选项?我非常想继续使用ng-options为此,特别是因为控制默认选项的位置似乎是一个太小的变化,无法证明稍微冗长的是合理的。方式。谢谢! 最佳答案 使用value=""的选项喜欢:Someoneelse如果你想在点击下拉列表时在底部显示其他人,你可以使用。{{person.name}}Someoneelse 关于javascr

javascript - Angular:mat-form-field 必须包含一个 MatFormFieldControl

我正在尝试添加一个带有自定义电话号码输入控件的表单域。我使用了来自https://material.angular.io/components/form-field/examples的电话示例.代码如下:phoneIncludeareacodeimport{FocusMonitor}from'@angular/cdk/a11y';import{coerceBooleanProperty}from'@angular/cdk/coercion';import{Component,ElementRef,Input,OnDestroy}from'@angular/core';import{Fo

javascript - axios 调用 api 与 GET 成为 OPTIONS

我使用axios调用API(在前端)。我使用方法“GET”:importaxiosfrom'axios';importquerystringfrom'querystring';varurl="mydomain.local",token="blablabla...blabla";varconfigs={headers:{'Authorization':'Bearer'+token,'Agency':'demo0'}};vartestapi=axios.create({baseURL:'http://api.'+url});testapi.get('/relativeUrl',config

javascript - 如何在 express.js node.js 中设置 X-Frame-Options

我有一些静态Assets,我想在多个桌面/移动网络客户端的iframe中提供服务。现在,我如何将允许的一组特定来源列入白名单X-Frame-Optionsheader的设置,以便资源可以作为iframe嵌入在不同的桌面/移动网络客户端中。对于所有其他来源,拒绝访问此资源。经过一些挖掘,我开始了-constapp=express();varallowCrossDomain=function(req,res,next){res.header('Access-Control-Allow-Origin','*');res.header('Access-Control-Allow-Methods

javascript - Sequelize 更新不再起作用 : "Missing where attribute in the options parameter passed to update"

TheofficialAPIdocumentation建议像这样使用Model.update:vargid=...;varuid=...;varvalues={gid:gid};varwhere={uid:uid};myModel.update(values,where).then(function(){//updatecallback});但这给了我:“传递给更新的选项参数中缺少where属性”。文档还提到这种用法已被弃用。看到这个错误让我想,他们已经改变了它。我做错了什么? 最佳答案 显然,文档还没有更新。但是表的where行t

javascript - `var options = options || {}` 和 `options || (options = {})` 之间的区别

我经常使用varoptions=options||{}作为默认为空对象的方式。它通常用于初始化选项对象,以防它未在函数调用的参数中传递。问题是我在几个地方(博客文章、源代码)读到options||(options={})更好的表达开发者的意图。有人可以详细说明吗?我没有看到两者之间的功能差异,所以我一定在这里遗漏了一些东西。---编辑我在多个地方看到了Backbone.js源代码,比如https://github.com/documentcloud/backbone/blob/0.9.2/backbone.js#L273我想我也在jQuery的源代码中看到过它。并在蓬勃发展的多个Js编