草庐IT

angular2-social-login

全部标签

javascript - 在 Angular Material Accordion 中打开第一个附加的扩展面板

显然,您可以在AngularMaterial扩展面板上使用输入expanded来默认在加载时打开特定面板。但是,我有一个Accordion,其中所有扩展面板都是动态生成的,并且都是可选的,但我希望打开第一个面板。我可以遍历每个使用模板生成面板的ngFor,看看它是否存在,然后在第一个索引上添加属性,但是有几个循环会拉入模板它看起来很乱。我希望能够在View完成后从mat-accordion中获取一些属性,以查看哪个是附加到Accordion的第一个并添加属性,但看起来它不是'不可能。任何人都知道是否有某种方法可以做到这一点? 最佳答案

javascript - 您知道以 0 到 90 度之间的 Angular 实现菜单栏的网站吗?

我被要求实现一个既不是水平也不是垂直的菜单栏。以下是两个示例按钮:这对我来说是新事物,所以为了学习如何完成这项工作,我正在寻找一个使用类似菜单栏的网站(或者更好的是教程)。有什么想法吗? 最佳答案 你应该看看这里http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/或者像这样使用更新:/*forfirefox,safari,chrome,etc.*/-webkit-transform:rotate(-90deg);-mo

css - 在右边界画三 Angular 形

这个问题在这里已经有了答案:HowdoCSStriangleswork?(22个答案)关闭7年前。我有一个包含很多li的ul元素。一些行(li)以黄色背景突出显示。我想在右边框添加一个三Angular形。这个三Angular形应该看起来像一个指向文本的箭头。是这样的:Fiddle我试图用右边框绘制这个三Angular形,但这没有给我正确的形状。nothighlightednothighlightedHIGHLIGHTEDnothighlighted.highlighted{border-right:20pxsolidred;}请注意,一里可以多一行,这样行的高度可以改变。具有固定高度(

javascript - ionic 框架 - Angular html 包含

我正在使用IonicFramework构建应用程序。我正在使用标签导航。angular.module('myapp',['ionic']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('tabs',{url:"/tab",abstract:true,templateUrl:"templates/tabs.html"}).state('tabs.home',{url:"/home",views:{'home-tab':{templateUrl:"templates/home.html",c

regex - 使用模式 Angular 2 进行输入验证

我目前正在用ionic2(Angular2)编写一个简单的表单。我想知道如何添加一个简单的regularexpression验证模式:我基本上有这个:{{label.msisdn}}{{label.requestActivationCode}}正在拾取最大长度、最小长度和所需的长度(如果不满足条件,则禁用该按钮)。现在我想将输入限制为数字,并在其前面加上06(荷兰电话号码的最小数量)。然而,该模式并未在验证中被拾取。我可以这样做吗,还是需要代码方法? 最佳答案 将模式添加到变量varpattern=/06([0-9]{8})/;并将

html - 带有图像背景的 SVG 三 Angular 形分隔符

好吧,我正在尝试创建一个SVG部分分隔符。它是这样工作的:到目前为止,还不错。但是现在,我想为section1添加背景,包括SVG“pick”,例如:我所取得的成就是(非常糟糕的结果):添加一个background:url(img)到元素并且:只需将BG添加到section1 最佳答案 这是一种使用与您的示例相同的代码的方法,但svg路径更改为倒三Angular形并绝对定位到该部分的底部:#section1{position:relative;background:url('http://i.imgur.com/k8BtMvj.jp

html - 无法读取 Angular 2 中未定义的属性 'errors'

我正在使用angular2验证我的模板,但同时它显示了这个错误:Cannotreadtheproperty'errors'ofundefined.这是我的模板:{{title}}FacebookSave我不知道为什么会显示这个错误。谁能修好? 最佳答案 首先,您在错误属性上有facebok而不是facebook。如果这不能解决问题,您可能在分配之前使用了facebook对象,例如,如果它是一个@Input(),就会发生这种情况。使用Elvis运算符:*ngIf="facebook?.touched&&facebook?.errors

javascript - CSS 值不适用于 Angular 4 中动态注入(inject)的 html div 元素

CodepenLink我有一个运行良好的Angular日历应用程序。没有任何错误。但我在这里面临的问题是CSS样式没有应用到页面。我单独实现了这个并且工作正常。但是当我将它包含在我的Angularcss中时,它不起作用。(我在这里面临的问题是我不知道如何引用包含内容的“div”)。我在下面分享我的代码:假期.ts@Component({//template:``,templateUrl:'./holidays.component.html',styleUrls:['./../../../webroot/css/pages/holidays/only_holidays.min.css']

html - 是否可以仅使用 CSS 制作圆 Angular 三 Angular 形?

我正在尝试仅使用CSS制作以下形状:这是我目前拥有的:.triangle{width:0;height:0;border-style:solid;border-width:56px56px00;border-color:#ff4369transparenttransparenttransparent;}我无法使用borderradius来使左上角变圆...是否有其他方法可以做到这一点,或者我是否需要使用SVG? 最佳答案 是的,可以使用border-radius:.triangle{box-sizing:border-box;wid

javascript - 使用带有 angular2 的所见即所得编辑器文本

我正在尝试在我的元素angular2中使用所见即所得当我在index.html页面中添加我的代码时(在根页面上,它有效)但是当我尝试在subviewhtml中使用它时,它没有获取css或(和)javascript代码来正确获取我的所见即所得ArkloudAdserviobody{text-align:center;}div#editor{width:81%;margin:auto;text-align:left;}Loading...TextareaTheeditorcanalsobeinitializedonatextarea.System.config({packages:{app