草庐IT

angular2-social-login

全部标签

html - Angular 4图像与不记名标题异步

我的任务是使用授权header发出异步图像请求。我有这样的图像路径:而且我需要将BearerToken添加到此类请求的header中。页面包含很多图片,所以ajax请求不适合。不知道该怎么做。 最佳答案 假设您已经实现了一个HttpIntercepter来添加header,这是一个实际可行的解决方案(在Angular4中):import{Pipe,PipeTransform}from'@angular/core';import{HttpClient}from'@angular/common/http';import{Observab

html - Angular 2 - 处理点击禁用输入

这就是我现在所拥有的。正在尝试调用checkToEnable函数。 最佳答案 Disabledelementsdon'tfiremouseevents.MostbrowserswillpropagateaneventoriginatingfromthedisabledelementuptheDOMtree,soeventhandlerscouldbeplacedoncontainerelements.但是你可以通过这种方式实现:组件端:disableTextbox=false;toggleDisable(){this.disable

html - UI-Bootstrap Carousel 不会与我的 Angular 应用程序合作。为什么?

我已经尝试了一切。就像我做任何事都无法让这个该死的旋转木马工作一样。它从Controller中引入了正确的数据,但它并没有像轮播一样格式化它——所有的东西都在显示,单词是堆叠在一起的。这是我的Angular应用依赖项:varapp=angular.module('app',['ngRoute','ui.bootstrap','ui.bootstrap.tpls','ngAnimate','ngTouch'])这是我的标记:...{{slide.headline}}{{slide.byline}}on{{slide.date}}{{slide.publication}}PreviousN

javascript - Angular : sanitizing HTML stripped some content on css style

我在我的Angular组件中使用所见即所得的编辑器,当我尝试预览编辑器的内容时​​(在我将中心应用到文本之后),我收到此警告:WARNING:sanitizingHTMLstrippedsomecontent(seehttp://g.co/ng/security#xss).platform-browser.es5.js:1015当我检查html时:TextHere...但是当我尝试使用console.log()来预览编辑器的内容时​​,我得到:TextHere... 最佳答案 这是出于安全原因在Angular2+中设计的。您可以使用

angular - 在异步中使用 promise 时捕获 HTML5 FileReader 的结果

我有一个Angular4应用程序,我在其中读取图像并尝试将base64字符串传递给另一个变量-但是由于它的异步性质,我遇到了一个问题-image.src为空,因此值已正确传递给图像对象?ngAfterViewInit():void{letimage=newImage();varpromise=this.getBase64(fileObject,this.processImage());promise.then(function(base64){console.log(base64);//outputsstringe.g'data:image/jpeg;base64,........'}

html - 背景上的平行对 Angular 线

我想在我的div背景上绘制2条平行对Angular线。请看我的表格here:body{background-image:url("http://i.imgur.com/TnPgXl4.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;padding:40px;}#table{width:800px;height:300px;background-color:tra

html - Angular2 - 将 CSS 类添加到选定元素

我的.html中有以下代码:{{object.name}}{{object.name}}所以当ul时第一个元素是事件的已加载。现在我想添加active所选类并切换具有active的那个.我怎样才能实现它?编辑:我简化为:{{object.names}}但它不起作用。这是我的组件:import{Component,OnInit}from'@angular/core';import{Router,ActivatedRoute,Params}from'@angular/router';import{objectsService}from'./objects.service';import{o

html - 带倒矩形 Angular 的边框

如何创建像这张图片中那样的非矩形边框?当前代码:http://jsfiddle.net/bqjr5wep/div{background:#1c1c1c;width:400px;height:200px;position:relative;}div:before,div:after{content:'';display:block;left:10px;right:10px;top:10px;bottom:10px;border:2pxsolid#FFF;position:absolute;}div:after{left:14px;top:14px;right:14px;bottom:14

html - Angular/Material mat-form-field 输入 - float 标签问题

有什么方法可以阻止占位符作为以下代码片段的标签float?Searchsearch我查看了Angular/Material的官方文档,但似乎这个功能现在已被弃用? 最佳答案 假设您使用的是Material2的最新稳定版本,您可以使用floatLabel="never"强制标签不float。这里是liveworkingdemo这在文档中很清楚https://material.angular.io/components/form-field/api 关于html-Angular/Materi

javascript - 字段集的 Angular Group 验证

AngularJS验证适用于ng-required,但我想看看我的字段集中的所有表单元素是否都有效。PartoneParttwo这就是简化后的HTML结构。我想做的是在字段集中的输入字段有效时显示图像。 最佳答案 利用ng-form指令,多个表单可以使用它相互嵌套。我建议你使用ng-form指令来使fieldset像一个表单一样工作并给它一些特定的name,以在您需要在表单和表单元素上使用name属性的表单字段上启用表单验证。标记PartoneParttwo 关于javascript-字