草庐IT

angular-chart

全部标签

javascript - 如何将angular js集成到grails 2.3.4中?

我在grails2.3.4上运行,虽然在我的下一个应用程序中集成了angularjs。我认为服务器端的最佳方法是在域和Controller类中使用grailsREST集成。但是我在这里被困住了。如何让grails与angularjs通信?(通过index.gsp?,如果是如何集成它?)什么是好的架构?非常感谢您的回答!!!PS.:我知道有一个grailsangularjs插件。但是我确实看到了使用它的任何理由! 最佳答案 我们有两个项目作为两个独立的世界。第一个项目,服务器端,在grails中。我们正在创造“Restful”的服务。

javascript - chart.js中折线图的背景颜色

我想更改由chart.js生成的折线图的背景颜色。似乎没有这个选项,文档也没有帮助。在互联网上广泛搜索没有产生任何结果。这可能吗?我必须承认我对HTML5canvas了解不多,所以我有点挣扎! 最佳答案 使用Chart.jsv2.1,您可以编写自己的插件来执行此操作预览脚本Chart.pluginService.register({beforeDraw:function(chart,easing){if(chart.config.options.chartArea&&chart.config.options.chartArea.ba

javascript - 如何将同一个 Controller 与 Angular Material 对话框一起使用?

我在我的项目中使用AngularMaterial。我使用了很多对话框(只是为了提醒目的),但我现在需要一个相当复杂的对话框。这是AngularMaterial网站使用的示例:functionshowDialog($event){varparentEl=angular.element(document.body);$mdDialog.show({parent:parentEl,targetEvent:$event,template:''+''+''+''+'Number{{item}}'+''+''+''+''+''+'CloseDialog'+''+''+'',locals:{item

javascript - Angular : Why is my event handled twice?

我有三个Controller:main、product、customer。ControllerA是我的“主页”的一部分。ControllerB和C取决于位置。Controller主要:varMainController=function($scope,$location,$rootScope,ToolbarService){$scope.addClicked=function(){ToolbarService.onAddButtonClick();};};app.controller({MainController:MainController});产品:varProductContr

javascript - Angular 在一行中显示多行字符串

我试图通过Angularjs获取一个字符串以显示在网页上,该字符串可能有多行。这是我得到的:{{StringValue}}当您在文本区域中输入时:“这是一个字符串"你得到:“这是一个字符串”如何才能让文本以与键入的方式相同的方式显示? 最佳答案 小心ng-bind-html-很容易获得XSS注入(inject)。如果你只想显示你的换行符,而不是在你的页面中使用XSS你可以使用简单的css-rule:white-space:pre:{{multilinetext}}当然,你可以为此制作css-class:.pre{white-spac

javascript - .addClass 不适用于 jqLit​​e/Angular.js

我最近一直在努力理解为什么.addClass函数在jqLit​​e上不起作用element.addClass('active')Element返回一个html元素数组,反复测试以确保。我可以hide()、show()、添加.css或获取一个,甚至设置.attr,但addClass会阻止我。edit:elementisapathinasvgblock,这就是似乎使addClass函数无关紧要的原因,仍在尝试修复它。元素是一个jqLit​​e对象谢谢。 最佳答案 JqLite方法不适用于由普通javascriptDOM选择器(如quer

angular - 绑定(bind) : Appending to href

在我的Angular2测试应用程序中,我试图将以下内容附加到id作为我的HTML模板的一部分:URL这不是因为错误而失败:(Error:Failedtoexecute'setAttribute'on'Element')而且我不确定如何将{{text.id}}附加到此URL。我需要在我的组件中执行此操作,还是可以在HTML模板中以某种方式完成?顺便说一句,正如人们所期望的那样,这工作得很好(但这不是我想要做的,我需要将text.id附加到url):{{text.id}}有什么建议吗? 最佳答案 使用其中之一:URL或(来自offici

javascript - Angular UI-Router 无法加载我没有要求的模板

PlunkerCodeShowingIssueDescribedBelowhttp://plnkr.co/edit/Bz3Qhf1eDuFrnKI0qnUo?p=preview我正在使用AngularUI套件的两个组件,UI-Router和UI-Bootstrap。UI-Router负责在用户点击我的顶部导航栏链接时加载模板。只有“UIWidgetTemplates”(AngularUI-Bootstrap和Alert)下的前两个链接处于事件状态UI-Bootstrap负责在模板中制作漂亮的小部件。我似乎已正确配置UI-Router,因为我正在加载正确的模板,并且这些模板可以访问正确的

javascript - Angular 2. 如何申请orderBy?

我有一段代码。#NameScore{{i+1}}{{participant.username}}{{participant.score}}在Angular1中,我有orderBy过滤器来按我的过滤器对行进行排序。但是我怎样才能以同样的方式在Angular2中执行orderBy呢?谢谢。 最佳答案 如果你正在使用lodash你的管道可以是这样的:import{Pipe,PipeTransform}from'@angular/core';import{orderBy}from'lodash';@Pipe({name:'orderBy'}

javascript - 带有 chart.js 的水平堆积条形图

我正在尝试找出是否有任何插件可以使用chart.js制作水平堆叠条形图我看到有用于堆叠条形图和水平条形图的插件,但我没有找到将两者结合起来的插件。https://github.com/Regaddi/Chart.StackedBar.js有人知道如何实现吗? 最佳答案 我知道这已经有几个月了,但我想我会为后代添加我的答案。我可以不用额外的插件。如果将xAxes和yAxes设置为stacked:trueunderscales,则可以创建堆叠水平图。scales:{xAxes:[{stacked:true,}],yAxes:[{stac