草庐IT

Web-Angular

全部标签

javascript - Angular2 ng2-图表自定义?

我已经开始使用angular2ng2-chart。对于我使用angular2ng2-chart创建的下图,我有几个问题,但仍想进行更多自定义:问题:1)当没有像上图Nov-7中那样的值为0(零)的值时,如何在两点之间画一条虚线?2)如何制作阴影效果、不透明度或多种颜色的组合?3)当我将鼠标悬停在任何定义的点上时以及如果我想在鼠标悬停时更改y轴网格颜色时如何获取y轴的值。使用ng2-chart悬停功能的最佳方法是什么?当前示例代码和配置文件:index.htmlOverviewindex.component.tsimport{Component,Output,EventEmitter,O

javascript - 降级 angular 2 指令或至少能够在 angular js 中使用它

我试图在angularjs中使用我的ng2指令,但无法让它工作。我已经看到downgradeComponent使用restric:'E'作为angularjs指令,这意味着它仅限于元素。任何人都知道如何处理这个问题?我试过在angularjs中简单地使用我的指令,但它没有用。我正在使用UpgradeModule进行混合引导。这是我的指令。@Directive({selector:'[test-directive]'})exportclassTestDirectiveimplementsOnInit{@Input("test-directive")testDirective:string

javascript - 个人资料图片未跨组件更新 Angular 5

我有一个弹出的更改个人资料图片模式,所以你上传图片按保存,应该发生的是个人资料图片在整个网站上更新,但没有发生,只有在你刷新个人资料图片后才会更新个人资料图片更改模式的我的保存功能save():void{constself=this;this.saving=true;self._profileService.updateProfilePicture(input).finally(()=>{this.saving=false;}).subscribe(()=>{constself=this;self._$jcropApi.destroy();self._$jcropApi=null;ab

javascript - 多个模板 url Angular 6

这个问题在这里已经有了答案:Angular-Componentdifferenttemplates(2个答案)关闭4年前。我正在使用Angular6构建一个前端,我需要一些组件,这些组件需要根据登录者具有不同的html结构。这可能有2到20多个不同的模板,所以我真的很希望能够将它们放在不同的文件中,并将templateUrl指向正确的文件,而不是使用*ngIf来决定应呈现模板的哪一部分。有没有办法做到这一点?

javascript - Angular 模式形式模态.... $scope 的问题

Plunker此插件允许您编辑网格中的行。我创建了一个基于RowEditCtrl的新方法来插入新行,但在验证时遇到了问题。当我插入一个新行时,表格是“原始且有效的”。在插入方法中,我需要调用$scope.$broadcast('schemaFormValidate')来验证表单,而form.$valid将为false。理想情况下,我想在保存按钮上从ng-show调用此检查,以便在表单正常之前按钮不会出现。问题是,我不明白或不知道如何在这个RowEditCtrl方法中获取模式表单$scope并且无法获取之前无效的表单用户输入了任何内容。functionRowEditCtrl($modal

javascript - Angular 7 动态内容投影

我需要能够告诉Angular组件根据动态数据渲染另一个Angular组件。我认为这需要内容投影,但我只能在简单的情况下使内容投影起作用。示例场景我在vanillaTypeScript中有以下表格数据:constheadings=[{id:'cat',label:'Cat'},{id:'nameIt',label:'Typethename'}]constdata=[{cat:'Tabby',nameIt:(name)=>updateTabbysName(name)},{cat:'Ginger',nameIt:(name)=>updateGingersName(name)},]我还有四个A

javascript - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上

javascript - 重新使用 SAML token ,JSON Web 服务的客户端 - 登录网站后

我正在构建一个使用SAMLtoken保护单点登录的网站。其中一个表单有很多输入字段,应该触发对相同或其他输入字段和表格内容的更新和验证。验证和更新是服务器端的句柄。使用WCFJSONWeb服务更新表单上的值会触发通知服务器的javascript。该服务然后返回新值和验证消息。问题是,应该保护网络服务并授予访问权限,使用通过登录网站向用户颁发的SAMLtoken。[编辑:完成更多研究]身份验证后,SAMLtoken始终以FedAuthcookie的形式传递到服务器。不需要将token添加到JSON(或ajax)Getheader。问题是,我似乎无法让WIF处理cookie的验证。因此,我

Javascript Web 应用最佳实践

我很难简洁明了地写下我的问题,所以让我描述一下我正在处理的问题。我正在构建一个网络应用程序:有自己的API托管在子域(https://api.example.com)在顶级域名(https://www.example.com)上托管了主要应用程序顶级域名没有任何数据库访问权限,而是与API交互以处理数据tld通过OAuth使用api进行身份验证,并将访问token和访问tokensecret存储在session中当session结束时,不再使用访问token,从而将用户注销我在tld中有一个路由(对于这个问题我们称它为/ajax)javascript调用(GET,PUT,POST,或D

Javascript Web Workers 文件上传

我正在尝试使用HTML5和WebWorkers为非常大的文件制作一个htmluploader。自动柜员机它上传缓慢但消耗大量内存。我认为它在将整个文件添加到表单时将其传输到内存中。继承人的代码:jswebworker.js:/*importScripts('webworkerFormData.js');*/(function(){//Exportvariabletotheglobalscope(this==undefined?self:this)['FormData']=FormData;var___send$rw=XMLHttpRequest.prototype.send;XMLHt