草庐IT

angular2-social-login

全部标签

html - 底部三 Angular 形覆盖另一张图片的图片

创建箭头很简单atthebottomofimage.但是,如果第二张图片不是背景,而是第一张图片之后的另一张图片,是否有可能实现这样的效果:我在codepen.io上创建了“笔”.wrap{position:relative;overflow:hidden;width:70%;height:200px;margin:0auto;}.wrapimg{width:100%;height:auto;display:block;}.arrow{position:absolute;bottom:0;width:100%;}.arrow:before,.arrow:after{content:''

javascript - Angular ng-repeat groupBy 和保持顺序

我正在使用这个过滤器https://github.com/a8m/angular-filter#groupby像这样订购我的数据,效果很好:现在我试图通过category.order来保持这些组的顺序。这可能吗?我试过像这样用管道输送它:但是没有什么区别 最佳答案 orderBy过滤器不适用于ngRepeat中的对象。所以,你可以做的是这样的:Groupname:{{tags.$key}}{{tag.name}}参见:toArray过滤器 关于javascript-Angularng-r

javascript - Angular 过滤器返回 html

我想在angularjs1.2中使用unsafe-html。没有html的过滤器可以工作,而有html则不行。我的工作:我在我的html头部添加了angular-sanitize:我的Angular模块:varmyApp=angular.module('myApp',['ngSanitize']).filter('convertState',function($sce){returnfunction(state){if(state==1){return$sce.trustAsHtml(""+state+"specialstate");}else{return$sce.trustAsHt

javascript - 动态创建 Angular View

我正在使用awesomium制作游戏内UI,在某些时候游戏会加载并执行一大块javascript,这意味着创建任意新的UI元素。例如jQuery(document.body).append('YouLose!');效果很好,但当我想创建一些稍微高级一些的UI元素时,特别是使用angular时,问题就来了。例如:functionChatBoxControl($scope){/*Stuff*/}jQuery(document.body).append('{{line}}');毫不奇怪,这不会创建新的AngularView。它只是将该html添加到文档中,从不绑定(bind)到ChatBox

html - 找不到 Angular 4 img src

我在获取Angular为4的图像时遇到问题。它一直告诉我找不到图像。文件夹结构:app_folder/app_component/-my_componenet-image_folder/-myimage我正在使用mycomponent中的图像。如果在mycomponent中,我直接将其插入:这工作正常,但我检查了html并创建了一个哈希。但是我的图像必须动态添加到html中,因为它们是列表的一部分。所以,如果我使用:这基本上是img/myimage.png,它不起作用。如果我使用:它说NOTFOUND(https://localhost/img/myimage.png)。你能帮帮我吗?

html - Angular 2 从 URL 中删除哈希 (#)

我正在尝试从Angular2的url中删除#符号,但我找不到关于如何在不产生任何问题的情况下删除它的任何好的解释。我记得在AngularJS1上添加$locationProvider.html5Mode(true);更容易此外,如果您能告诉我这是一个好的做法(删除#)还是会影响应用程序的搜索引擎优化(或改进它),我将不胜感激。PS:我正在使用带有typescript的Angular2 最佳答案 正如@VolodymyrBilyachat指出的那样,PathLocationStrategy是默认的locationstrategy在An

javascript - Angular 2 中的打印 Html 模板(Angular 2 中的 ng-print)

我想以Angular2打印HTML模板。我已经对此进行了探索,我在angularjs1中找到了解决方案PrintHtmlTemplateinAngularjs1如有任何建议,我们将不胜感激 最佳答案 这就是我在angular2中的做法(它类似于plunkered解决方案)在您的HTML文件中://yourhtmlstuffthatyouwanttoprintprint在你的TS文件中:print():void{letprintContents,popupWin;printContents=document.getElementByI

javascript - 如何使用 JavaScript、React、Angular、Vue 或 ASP.NET MVC 隐藏 Kendo UI 网格列

我正在开发HTML5和JavaScript网站。是否可以在KendoUIGrid中隐藏一个列并使用JQuery访问该值? 最佳答案 使用JavaScript参见KendoUIAPIreference.在定义网格时隐藏列你可以添加hidden:true:$("#gridName").kendoGrid({columns:[{hidden:true,field:"id"},{field:"name"}],dataSource:[{id:1,name:"JaneDoe"},{id:2,name:"JohnDoe"}]});通过CSS选择器

node.js - angular2 quickstart npm install 失败

当我尝试运行npminstall时出现以下错误。错误如下:npmERR!nodev0.12.12npmERR!npmv3.3.6npmERR!codeELIFECYCLEnpmERR!angular2-quickstart@1.0.0postinstall:`typingsinstall`npmERR!Exitstatus1npmERR!npmERR!Failedattheangular2-quickstart@1.0.0postinstallscript'typingsinstall'.npmERR!Thisismostlikelyaproblemwiththeangular2-qu

javascript - Angular 7 : NullInjectorError: No provider for PagerService

我正在尝试实现分页,但它不起作用。这是我的代码:pager.service.ts:import*as_from'underscore';@Injectable({providedIn:'root',})exportclassPagerService{getPager(totalItems:number,currentPage:number=1,pageSize:number=10){//calculatetotalpageslettotalPages=Math.ceil(totalItems/pageSize);letstartPage:number,endPage:number;if