发表于: 2017-04-19 23:32:26

4 1171


今天完成的事:

换了一个功能,之前是想写新增公司的,不过写到后来发现还是存在很多问题,决定换一个功能写,做新增职位.

像任务7是学会从后台获取数据,任务8是对数据进行展示性的操作,例如翻页分类搜索.任务10是学会向后台发送数据.

做新增职位,准备先把发送数据这一块弄好了,再做富文本编辑器.

查看了百度ueditor,功能很多很强大,就准备用这个了.


现在写好了html和css页面.

做出二级菜单联动的选择框.

这个是学习师姐的:在定义常量里,给父级的变量定义子级名称的属性.先是普通的使用ng-option生成父级的select内容,然后设置一个函数,和子级的ng-model,使父级的ng-model.子级属性name赋值给子级ng-model。

formApp.constant('conCategory', [
   {
       'num': 1,
'name': '产品',
'sub': [{'num': 1, 'name': '初级'},
{'num': 2, 'name': '中级'},
{'num': 3, 'name': '高级'},
{'num': 4, 'name': '总监'}]
   }

//父级

<select class="form-control"

       ng-model="optionCategory"
       name="category"
       ng-options="i.name for i in category"
       ng-change="bindSub(optionCategory)"
       required
>

//子级

<select class="form-control"

       name="subCategory"
       ng-model="optionSubCategory"
       ng-options="i.name for i in subCategory"
       required
>
$scope.bindSub = function (optionCategory) {
   $scope.subCategory = optionCategory.sub;
};

现在遇到一个问题是获取下拉框的值直接获取的是文字内容,想要获取index。

之前是使用ng-repeat生成option,repeat的index直接拿来就可以。现在换用ng-option,忽然找不到index在哪里。先写到这里,晚点继续研究。


添加一个清空内容的按钮。给所有的ng-model都赋值null。重复工作,没什么好说的。


提交信息:看到接口给的请求参数profession和tags项必填。profession在下面给了各类字段。tags职业标签列表,数据类型arry。没有给出包含什么内容。这个还有点迷,晚点继续找。。

发送信息使用post,这个页面要提交的数据比较多,不能把所有参数混合在URL里写了,要单拆出来设置请求data变量。似乎要涉及到任务5时踩的坑,数据先序列化,还有设置header。。


明天要做的事:继续任务10.

遇到的问题:ng-option的index获取。

收获:二级联动菜单的写法。

textarea本身可以拖动改变大小,样式里设置resize:none即可固定。

angular邮箱验证的写法。


返回列表 返回列表
评论

    分享到