草庐IT

angular2-social-login

全部标签

html - Angular 2 中的字符串最佳实践

我一直在学习Angular2,想知道什么是存储字符串的最佳实践。我在整个应用程序中使用各种字符串:有些直接放在HTML元素中,例如,//sample.htmlThisismytitle其他字符串存储在绑定(bind)到的组件模型中,例如//boundSample.html{{myTitle}}//boundSample.component.tsimport...@Component({templateUrl:'boundSample.html';})exportclassBoundSampleComponent{myTitle='Thisisanothertitle';}我担心的是我的

html - 样式无序列表以在圆 Angular 框中显示列表项

我想设计一个在带圆Angular的框中显示所有元素(见下文):是否可以使用CSS并且只使用(没有额外的和表格),因为我将在CMS系统中使用它来设置所有的样式由用户创建? 最佳答案 这里有一个使用CSS3的圆Angular的很好的例子:CSS3Roundedcorners不过这仅适用于Firefox和Safari。 关于html-样式无序列表以在圆Angular框中显示列表项,我们在StackOverflow上找到一个类似的问题: https://stackov

html - 如何制作一个带有钝 Angular 的按钮?

如何制作一个钝Angular的按钮?我愿意这样发生我是这样过来的我的代码-Fiddle*{box-sizing:border-box;}.btn{display:inline-block;padding:16px30px;color:#fff;border:1pxsolid#4A803C;position:relative;border-radius:3px;background:rgb(74,168,28);/*Oldbrowsers*/background:-moz-linear-gradient(top,rgba(74,168,28,1)0%,rgba(63,155,19,1)1

javascript - 带有 HTML 内容的 Angular 2 Material 工具提示

我正在尝试将HTML字符串绑定(bind)到Angular2工具提示中。但它呈现为HTML,显示为纯字符串。有什么方法可以将字符串呈现为HTML。这是我的代码:在View中:组件:value.status=this.sanitizer.bypassSecurityTrustHtml(this.getStatusTemplate(value.status));getStatusTemplate(status:IIconStatus):string{letHTML=`EventTitleUserUserUserUser`;returnHTML;}提前致谢。 最佳

html - 如何有条件地突出显示 Angular Material 表行?

我刚开始使用一种基本方法,所以我想有条件地突出显示行颜色,它不会抛出任何错误,但不会将背景颜色应用于该行。我有5行有riskINdexH,知道下面代码中的错误实现是什么吗?app.component.htmlEventType{{element.eventType}}组件.css.high{background-color:red;} 最佳答案 假设,您想要通过某些模型属性突出显示mat-row。假设状态==已批准时突出显示。在上面的代码行中,highlight是在.css文件中定义的css类。.highlight{backgrou

html - 全 Angular 背景图片限制高度

我想获得全屏背景图像,但只有宽度,而不是高度,例如here我一直在玩弄background-size:cover;但它覆盖了整个页面-我只想覆盖一定的高度。 最佳答案 您提到的网站只是在具有固定height和width:100%的div上使用标准背景图像。例如您提到的网站使用:header{height:460px;margin-top:-69px;overflow:hidden;padding:0px;width:100%;}注意代码块中的高度,background-image:cover只是表示缩放背景图像以适应空间。

javascript - Angular2 QueryList 基于元素类

有没有办法通过元素类检索ViewChildren或ContentChildren?这可以通过id或组件工作,但不适用于基于类的查询,即classedViewItems和classedContentItems@Component({selector:'my-container',template''})exportclassMyContainer{@ViewChildren('item')viewItems:QueryList;@ContentChildren(MyItem)contentItems:QueryList;@ViewChildren('.fine-me')classedVi

javascript - Angular 2 : blur contenteditable div on enter

我有一个内容可编辑的div,如下所示:{{wall.title}}当用户在编辑div内容后按下回车键时,我想模糊div。目前,正在添加一个换行符,并且在UI中可以看到一个换行符。我如何实现这一目标? 最佳答案 您需要阻止默认操作:(在本例中是添加新行)wallNameChanged($event){$event.preventDefault();$event.target.blur();//removeextralineslettext=$event.target.outerText.replace(/(\r\n|\n|\r)/gm

html - 如何根据屏幕尺寸制作@angular/flex-layout wrap

我有3个div,我可以根据屏幕尺寸将其变大或变小,但无法像bootstrap那样将其换行。所以对于小屏幕,我希望div垂直堆叠,大屏幕水平堆叠。例如有人知道我如何使用Angular2做到这一点吗?我选择使用我npm的@angular/flex-layout。注意:我不认为“彩色框”中的任何内容与任何内容有冲突。这是我的代码...import{Component}from'@angular/core';@Component({selector:'my-app',//templateUrl:'./app/app.component.html',template:`flexibleforsc

html - 基于 Angular 色的动态布局

我正在建立一个用户可以登录的网站。我在前端使用materialise-css和Angularjs,在后端使用java-hibernate(在我的情况下不能使用spring)用户可以是管理员、经理或员工。我想要不同的登录Angular色的不同View,如下所示。对于管理员对于经理和员工我的问题是:重定向到3个不同的index.html是一种好方法,还是可以根据Angular色动态加载页面。如果可以动态加载,怎么做?我已经阅读了有关使用ng-show和ng-if的内容。但我不明白如何设计正确对齐的页面等等。请帮助我提供正确的答案,以便将我重定向到任何有用的资源。任何帮助,将不胜感激。谢谢。