草庐IT

angular-bootstrap-calendar

全部标签

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 - Rails 在 Bootstrap 4 模态中执行 Javascript

我有一个Rails5.1应用程序,我在其中使用Ajax在使用coffeescript/JS的表单内创建患者记录。使用以下代码可以正常工作:_form.html.erb×AddPatientapplication.js$(document).on('turbolinks:load',function(){$('#patient_date_of_birth_modal').datepicker({format:'yyyy-mm-dd',zIndexOffset:100000,forceParse:false});});患者.咖啡$(document).on'turbolinks:load'

javascript - Bootstrap Dropdown addEventListener( Vanilla js)

快一点。我正在尝试使用标准javascript连接到Bootstrap下拉方法show.bs.dropdown。我见过很多jquery解决方案,但我似乎无法使用vanillajs进行复制。Jquery$('.city-picker').on('shown.bs.dropdown',function(){console.log('CalledfromwithinJqueryevent');});普通JSletpicker=document.getElementsByClassName('city-picker')[0];picker.addEventListener('shown.bs.

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}不幸的是,它不存在于我的模板中,所以我无法在其上

销毁 Bootstrap 弹出窗口时出现 Javascript 错误

试图在旅途中更改BootstrapPopover的标题和内容,我遇到了一些麻烦。我在销毁选择器中的弹出内容时遇到了这个问题。错误是这样的TypeError:'undefined'isnotafunction(evaluating'data[option]()')这段代码是这样的:$("#test_name-"+json.test_id).popover('destroy');我在该行中得到了错误。我检查过$("#test_name-"+json.test_id)确实包含一个Popover。已编辑:感谢评论,我解决了它。我没有使用最新版本的Bootstrap。升级到2.1.0后,一切似乎