angularjs
大浪中航行
这个作者很懒,什么都没留下…
展开
-
angularjs的单选框+ng-repeat的实现
最近在做项目的过程中,要求做一个考试系统,在答题页面涉及到单选框+ng-repeat来实现试卷的展示,做完后将答案传到后台,在这里主要讲下单选框+ng-repeat的几个要点前台代码如下: A B C D 提交 注意到在一组radio中,使用的ng-model是一样的原创 2016-07-21 14:08:12 · 5005 阅读 · 0 评论 -
Angularjs实现值拷贝,不断开双向绑定
$scope.value= newValue; //直接用=号进行赋值操作,会导致双向绑定断开angular.copy(newValue, $scope.value);//使用angular.copy可以实现值拷贝,不断开双向绑定原创 2018-05-18 09:20:25 · 373 阅读 · 0 评论 -
angular+bootstrap+spring boot实现分页
给出了一个angularJs分页的小例子,解决了分页控件不显示的问题。原创 2016-07-21 15:39:37 · 9371 阅读 · 3 评论 -
Angular-trix的trix-initialize方法不work
最近在使用Angular-trix这款富文本编辑器的时候遇到个问题,那就是数据初始化不了,后来找了半天,才找到答案,那就是给<trix-editor></trix-editor>标签加上ng-if=true,原因是什么还没搞明白,具体代码如下: <trix-editor angular-trix ng-model-options="{ updateOn: 'blur' }" spellcheck="原创 2017-02-14 09:32:32 · 955 阅读 · 0 评论 -
Spring Boot+AngularJS+BootStrap实现进度条
Spring Boot+AngularJS+BootStrap实现进度条原理 进度条的原理是在上传文件的时候,当程序运行到某一个部分,往Session中设置一个1到100的值。然后前台再每隔很小的一段时间去请求这个值。在AngularJS中,$http对象有3种状态,分别是success,progress,error,其中progress方法就会在success方法调用之前(也就是上传完成之前原创 2017-03-02 11:16:29 · 2405 阅读 · 0 评论 -
AngularJS如何在页面上展示富文本编辑器编辑的内容
如果直接用ng-bind或者ng-bind-html来绑定经过富文本编辑器编辑的内容的话是会失败的,这里需要用到AngularJS中的$sce.trustAsHtml()方法来进行一次转化。 具体做法如下:<div class="form-control-static" ng-bind-html="content | parseHTML"></div>Myapp.filter("parseHTML原创 2017-02-13 14:52:24 · 5269 阅读 · 0 评论 -
AngularJS+Spring Boot如何从后台读取并显示图片
AngularJS+Spring Boot如何从后台读取并显示图片原理: 1.前台向后台发送请求,设置头部的responseType: 'arraybuffer'来接受图片的二进制流。 2.后台读取对应的图片,然后以二进制流的形式返回给前台。 3.前台用Blob来重新生成图片,并用URL.createObjectURL()来生成图片的url。代码如下: html:<img ng-src原创 2017-03-01 15:51:40 · 4141 阅读 · 0 评论 -
ui-calendar(AngularJS 版本的FullCalendar)中月份变化后events消失
ui-calendar(AngularJS 版本的FullCalendar)中月份变化后events消失一开始通过vm.eventSources = [vm.events]的方式来绑定事件,主要代码如下:(去掉了部分无关代码,只适合参考)<div ui-calendar="stuHomePageCtrl.uiConfig.calendar" class="span8 calendar"原创 2017-02-11 15:18:23 · 3700 阅读 · 0 评论 -
Package.json与Bower.json中的参数备忘
该博客转载自:http://www.cnblogs.com/this-xiaoming/p/5821879.html一、package.json解释:package.json是用来声明项目中使用的模块,这样新的环境部署时,只要在package.json文件所在的目录执行npminstall就可以安装新的所需要的模块了。{"name": "angular-phonecat转载 2017-01-04 13:51:55 · 1438 阅读 · 0 评论 -
使用UI Calendar时,遇到异步读取数据报错问题
使用UI Calendar时,遇到异步读取数据报错问题原始代码(有关代码)vm.events = [];init();function init() { ecnuMessageDao.getCurrentMessages(function (res) { vm.events = res.data; })}vm.uiConfig原创 2017-01-03 16:01:26 · 622 阅读 · 0 评论 -
解决angular+spring boot的跨域问题
产生跨域访问的情况主要是因为请求的发起者与请求的接受者1、域名不同;2、端口号不同 下面给出详细步骤:要将$http中的Content-Type设置为application/x-www-form-urlencoded因为目前的浏览器只支持这种类型的跨域需要在Application同级目录下写一个配置类,在里面配置一个返回类型为WebMvcConfigurerAdapter的B原创 2016-07-22 16:24:35 · 13309 阅读 · 2 评论 -
Spring Boot+AngularJS中因为跨域导致Session丢失
如果还在为跨域问题烦恼,请查看博主的 解决angular+spring boot的跨域问题 那篇文章。博主在项目开发过程中,遇到了由于跨域而导致的Session丢失问题,非常的恶心,但是经过在网上查阅各种资料,发现解决方法十分简单。在我们每一次的数据请求中,浏览器都会向后台发送一个JSession,后台会根据这个值自动查找Id为JSession的那个session对象。但是当跨域时,J原创 2016-09-06 09:35:27 · 6816 阅读 · 0 评论 -
Spring Boot+AngularJS导出excel
这次在项目开发中,需要实现考题导出,由于本项目是使用Spring Boot+AngularJs的开发模式,原来那种表单式的请求方式不是很便捷,以下是基于AngularJs异步请求的代码。首先是JS代码function exportExam() { $http({ url: url + "export",原创 2016-09-06 09:04:06 · 4691 阅读 · 6 评论 -
AngularJS中Directive传function,并调用
在Angularjs中,指令是个好东西,可以极大的提高代码的重用性,也可以使各个模块之间解耦,提高代码的可维护性。但是在实际开发中,仅仅用它来传递值是远远不够的,传递方法在很多情况下比传递值更加有效,下面我来介绍下如何往directiive中传递方法。收先我们定义一个指令,用来执行controller中的一个方法 var app = angular.module('App'); ...原创 2018-05-24 20:12:47 · 3724 阅读 · 0 评论