Angular
Angular
phoebe_huang
相信一切都是最好的安排
展开
-
控制器调用指令的方法-angularjs
1、指令scope: { setFn: '&'}scope.clickDirective = function () { console.log('父层调用了我')}scope.setFn.call(scope, { params: scope.clickDirective})2、引用指令的控制器html<test-directive set-fn="setDirectiveFn(params)"></test-directive...原创 2020-12-23 22:53:11 · 261 阅读 · 0 评论 -
Angular is running in the development mode. Angular项目转为生产模式
准备把 Angular项目部署到服务器,打包完之后,打开网页,发现console出现 Angular is running in the development mode. Call enableProdMode() to enable the production mode.提示,而且提示建议我转成生产模式。在stack overflow找到了方法。1、首先确保项目文件夹下的main.t...原创 2018-04-17 11:16:36 · 7118 阅读 · 0 评论 -
Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers
最近在用thinkPHP和Angular开发一个小系统。后台已经解决跨域问题了,但是前端这边还没有搞定这个问题。一直报错,错误是:Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers。 当我在前端(Angular4)设置header,这个问题就会消失...原创 2018-04-03 10:18:55 · 23190 阅读 · 1 评论 -
Angular部署百度UMEditor富文本编辑器
最近做的一个angular做前端的项目需要用到富文本编辑器,其实在网页部署富文本编辑器不难,只要按照文档配置就可。但是,部署到angular就有点麻烦。网上关于如何在angular上部署富文本编辑器的教程很少而且讲得很模糊,加上本人刚上手angular,这问题就让我很头疼。 综合网上各种教程,自己最终成功得在项目中部署了百度的UMEditor富文本编辑器。废话不多说,进入主题。原创 2017-09-09 23:16:50 · 4241 阅读 · 1 评论 -
实现双击进入编辑,失去焦点后保存数据(Angular)
最近做一个项目,前端由Angular搭建,需要实现一个功能,就是双击进入编辑,当失去焦点的时候把数据保存。(即改变双向绑定的数据)。 先写一些简陋的HTML代码: 测试的数据如下: $scope.data = [{id:1,name:'原创 2017-08-02 11:17:59 · 3923 阅读 · 0 评论 -
Angular之jqLite的使用说明
公司最近做的项目的前端都采用Angular框架,作为一个刚入门Angular的新手,要彻底离开jQuery去做前端界面似乎有点难,特别是对DOM的操作。网上很多教程说jQuery和Angular可以混着一起用,经过我的实践,确实是可以用。但是本人觉得,有几点不太好的地方。 1、显得代码有点混乱。 2、由于Angular具有ng-click的指令,原创 2017-08-07 21:40:20 · 766 阅读 · 0 评论 -
根据服务器返回的状态改变前端显示的内容(Angular 过滤器)
最近在做一个以Angular为框架的单页面网页应用。遇到这样一个小问题,就是前端的显示内容得根据后端返回的内容决定。举个栗子,前端要显示一个关于课程的列表,每个课程都有一个状态值,可以显示为“已上线”、“未上线”、“已结课”、“预开课”。如果直接接收服务器传回来的值,是直接显示“0”、“1”、“2”、“3”四种状态值。返回的是数值而不是中文。要解决这个问题,可以通过自定义一个过滤器,根据返回值,改原创 2017-06-24 10:10:22 · 5314 阅读 · 0 评论 -
Angular+Boostrap-fileinput+formdata上传图片(前端代码)
1、先布置好前端界面的代码 HTML代码:fileinput * 上传图片: 图片后缀名必须为png、jpg、gif,文件小于2M JavaScript代码: $("#inputPic").fileinput({ language: 'zh', //设置语言 allowedPrev原创 2017-07-18 11:36:29 · 1948 阅读 · 0 评论