草庐IT

angular2-social-login

全部标签

html - 在 Angular 中上传文件之前预览多张图片

如何在Angular上传之前预览我选择的多张图片?我设法做到了,但只有一张图片,即使我选择了多张,也只有一张认出了我。我认为使用*ngFor是一个不错的选择,但我不确定如何提高它。有什么想法吗?myComponent.html我的组件.tsdetectFiles(event){this.selectedFiles=event.target.files;if(event.target.files&&event.target.files[0]){varreader=newFileReader();reader.onload=(event:any)=>{this.url=event.targ

html - 使用CSS在三 Angular 形左上角的边框半径

我有这个代码div{width:0;height:0;border-style:solid;border-width:85px85px00;border-color:#c00000transparenttransparenttransparent;float:left;position:absolute;top:8px;}如何将左上角的边框半径应用到CSS三Angular形上方?好像不可能here. 最佳答案 首先在所有边上设置相等的border-width然后将border-color添加到top和left,并设置right和bo

javascript - 在没有无限摘要的情况下从 Angular 成功调用 history.pushState()?

有没有一种方法可以调用history.pushState()而不会导致Angular进入无限摘要循环?我正在尝试将我的应用程序从后端路由迁移到前端路由,但所有stackoverflow帖子/google资源似乎都没有答案。 最佳答案 这是我们基于github评论在Angular1.2.16应用程序中所做的:https://github.com/angular/angular.js/issues/3924#issuecomment-48592773$location.url(myNewUrl);$location.replace();

javascript - 显示 angular-loading-bar 并禁用页面的所有内容,直到页面加载

我有很多ASP.NET页面和服务器数据库连接。当从服务器请求到客户端时,它们需要一些时间才能完全加载。现在我想显示一个Angular加载栏,直到页面加载。它工作正常。但我想在加载页面时禁用该页面。请查看我用于此链接anulgar-loading-barexamplelink请帮帮我。提前致谢。 最佳答案 我是angular-loading-bar的忠实粉丝.默认情况下没有覆盖,但您可以使用这段CSS轻松调整加载栏;#loading-bar{pointer-events:all;z-index:99999;border:none;ma

html - 指向特定 Angular 2.0 SPA 状态的外部链接不起作用

我正在使用AngularJS2.4.6、Typescript2.1.2、IIS8.0、Chrome、VisualStudio2015我正在使用AngularHeroes教程并注意到当我刷新浏览器时我收到了404响应(由于PathLocationStrategy-akaHTML5路径-默认使用)...所以这是有道理的,因为IIS看不到/dashboard返回。有很多使用URL重写的解决方案,我也这样做了,并且确实正确地路由到了index.html。我的问题是,当我刷新浏览器时,我希望它处于与打开时相同的状态。这在angular1.5中使用哈希策略时效果很好。我是否需要做一些特定的事情来创

html - angular-cli:依赖于环境的 CSS

我正在使用Angular2和angular-cli。对于客户A,CSS文件style.A.css是相关的,对于客户B,它是style.B.css。是否可以使apps[0].styles中定义的css文件依赖于事件环境?如果没有,有什么优雅的解决方案吗?CSS的作用域是整个应用,就像一个完全不同的外观。所以组件范围是不够的。 最佳答案 我们使用不同的应用名称来解决这个问题。我们在angular-cli.json中定义了不同的客户,并在那里定义了哪个style.css用于哪个应用程序名称。我们有一个默认值,然后是我们拥有的所有客户,对于

html - Angular 5 将 Html 生成为 pdf?

我有2个问题我的项目是在ANGULAR5中。我正在寻找一种将HTML生成为PDF的方法。生成的pdf不应该是图像。它应该像实际的PDF用户可以复制文本等。注意:请不要推荐jsPdf。另一种方法是寻找一种方法将带有插入值的整个HTML发送到端点。我要发送的Html是只有内容可编辑的div。我该怎么做?帮助和建议将不胜感激。谢谢 最佳答案 你还有这个:https://github.com/moshensky/html-to-pdf-converter但在我看来,最好的方法是只将要格式化的数据发送到后端服务并在后端对其进行格式化。

angularjs - Angular TreeView 节点上的按钮不起作用

我从网站下载了AngularTreeViewhttp://ngmodules.org/modules/angular.treeview并在我的项目(VSC#)中实现了bundels等......无论如何......它在我的屏幕上提示正确。所以我可以点击“添加新点”按钮,它会添加新的节点。不工作:全部展开和折叠会出现“RangeError:超出最大调用堆栈大小”+plus按钮(蓝色是添加节点)、x按钮(红色是删除)按钮不起作用。当我尝试单击“添加节点”或“删除节点”按钮时,由于我喜欢移动节点,它会完全将其自身直接集中在NODE上。看起来节点获得优先权,按钮节点获得优先权。我在chrome

html - 在html中更改对 Angular 渐变线两侧的文本颜色

关于如何更改渐变线2部分的文本颜色的任何想法?例如,如果我想让文本的蓝色部分(“s”、“o”和“m”的一部分)变成黑色?.button{background:linear-gradient(140deg,#00C9FF35%,transparent35%);} 最佳答案 您可以将文本包装在中标记并设置linear-gradient到这个标签。button{background:linear-gradient(140deg,#00C9FF35%,transparent35%);color:white;font-size:30px;}p

html - Bootstrap 行类不会向下传播到 Angular 中的组件

我有很多这样声明的控件。Caption为了重构我的代码,我引入了一个组件来封装此特定行为。组件的标记只是原始代码的副本。-->-->{{data?.caption}}出现的问题是row类似乎没有传播到组件。它扩展到整个宽度(因为它设置为12,但它不是包含row类的组件的宽度-它更小)。分析浏览器控制台中的标记,我可以看到唯一的区别是在结构中注入(inject)了自定义控件的标记,如下所示:divclass="row"--app-textbox----divclass="col-sm-12"----input而“旧式”生成的是:divclass="row"--divclass="col-