发表于: 2017-02-18 23:05:59
0 1164
一、完成的事情:
1.完成了三级联动地址的选择;
2.完成了公司列表的搜索功能;
3.查看了制作小弹框的UI工具;
二、明天要做的事情:
1.完成冻结、删除那些操作,并且会弹出小框来提示是否执行;
三、遇到的问题:
1.你在ng-model中绑定的input框,如过你最开始没有输入东西,直接进行提交的话,它会是一个undefined,后面你进行数据传值的时候会出现错误。
2.在ng中,select选项框,你想给每一项都都具有一个你想要的value的话,请这样使用:
<option value="">全部</option>
</select>
3.地区选择器的逻辑:
第一个选项选择数据之后,触发它的change事件,会将它选择的值拿入下面的数据中进行比对,找出选择的匹配项,再在页面中通过这个数据渲染出接下来的数据,下面那个框的做法也是这样。这里面要注意一点,当第一个选项框更改的时候,第二个选项框和第三个选项框中的选择值需清除一次,不然还是会保留,出现错误。
4.思考了一个问题:
因为我每次都会给服务器传入差不多相同的数据来请求,所以我就把所有数据都写出来了,但是这样,我在不同的controller中都需要再这样定义一次,不知道有没有什么方法,可以把它复用起来,代码如下,里面有一大串重复的代码:
/*公司数据begin*/
vm.name = "";
vm.product = "";
vm.province = null;
vm.city = null;
vm.county = null;
vm.approved = '';
vm.freezed = '';
vm.financing = '';
vm.industry = '';
/*获取数据*/
vm.pagingdata = function (page) {
/*搜索的参数*/
var companyData = {
/*公司名称*/
name: vm.name,
/*产品名称*/
product: vm.product,
/*行业*/
industry: vm.industry,
/*地区*/
province: vm.province,
city: vm.city,
county: vm.county,
/*认证*/
approved: vm.approved,
/*冻结状态*/
freezed: vm.freezed,
/*融资状态*/
financing: vm.financing,
/*页数*/
page: page
};
getAdminSercive.searchCompany(companyData).then(function (res) {
if (res.data.code == 0) {
vm.companyListData = res.data.data;
vm.totalItems = res.data.total;
}else {
alert('获取数据失败,请联系管理员')
}
});
};
明天一定要把modal模态给学会(其实也不太难,只是查看的是英文文档,已经找到中文的了)
评论