发表于: 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回调代替。
评论