发表于: 2017-02-18 23:05:59

0 1164


一、完成的事情:

1.完成了三级联动地址的选择;

2.完成了公司列表的搜索功能;

3.查看了制作小弹框的UI工具;


二、明天要做的事情:

1.完成冻结、删除那些操作,并且会弹出小框来提示是否执行;


三、遇到的问题:

1.你在ng-model中绑定的input框,如过你最开始没有输入东西,直接进行提交的话,它会是一个undefined,后面你进行数据传值的时候会出现错误。


2.在ng中,select选项框,你想给每一项都都具有一个你想要的value的话,请这样使用:

<select class="form-control" ng-model="vm.industry" ng-options="items.type as items.name for items in vm.joblisttype.industrytype ">
这里面的items.type就是我的id,items.name是我需要显示的数据,in后面是我遍历的数组。
特殊情况:如果它之中有一个全部选项的话直接在里面加一个option标签,里面选全部就行了就像这样:
<select class="form-control" ng-model="vm.industry" ng-options="items.type as items.name for items in vm.joblisttype.industrytype">
    <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模态给学会(其实也不太难,只是查看的是英文文档,已经找到中文的了)



返回列表 返回列表
评论

    分享到