发表于: 2017-04-21 09:20:57

3 1172


今天完成的事情:任务十使用富文本编辑器修改增加企业详细信息的功能还没有实现,图片上传参考了师兄的代码,理解的不是很清楚。
明天计划的事情:继续任务十,完成输入框和服务器返回数据的双向绑定,信息修改功能,点击提交按钮时,将表单中所有内容包括富文本编辑器中的内容一起提交。
遇到的问题:

之前一直困扰我的懒加载的js文件没有被引入的问题得到了解决,原因是写路由的时候没有写控制器。



收获:

1.正则表达式验证是pattern="[\u4e00-\u9fa5]{2,6}"而非ng-pattern="[\u4e00-\u9fa5]{2,6}"!

2.

富文本技术的本质是:在页面中嵌入一个包含空HTML页面的iframe.

方法:设置designMode属性为on,必须在页面完全加载后才能设置这个属性。

第二种方式是使用contenteditable属性,可以应用在任何元素。

3.

$http方法的理解:

$http服务是只能接受一个参数的函数,这个参数是一个对象,包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象,具有success和error两个方法。

ar myApp = angular.module('login', ['ngMessages']);
myApp.controller('loginCtrl', function ($scope, $state, $http) {
$scope.login = function () {
//点击登录按钮触发的函数:获取服务器返回的信息
           $http({
url: "/a/a/login",
               method: "post",
               data: $.param({"name": $scope.userName, "pwd": $scope.password}),
               headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).then(function success(responce) {
alert(responce.data.message);
               if (responce.data.code === 0)
$state.go(
'pageTab'
                   )
}, function error(response) {
alert('跨域未配置,无法连接服务器' +
'');
           });
   }
});

     由于$http方法返回一个promise对象,我们可以在响应返回时用then方法来处理回调。如果使用then方法,会得到一个特殊的参数,它代表了相应对象的成功或失败信息,还可以接受两个可选的函数作为参数。或者可以使用success和error回调代替。


返回列表 返回列表
评论

    分享到