发表于: 2017-03-29 10:55:52
2 1194
完成的事情:
完成“找职业”中的搜索公司页面样式,搜索公司页和搜索职业页跳转。
计划的事情:
完成“找职业”下面的其他页面样式?
问题:
完成搜索公司页面样式后,尝试对搜索条件建立数组,并使用ng-repeat进行重复处理。
$scope.companyList = ['所在地区:','所属行业:','融资规模:'];
$scope.companyMes = [
['不限','北京'],
['不限','移动互联网','电子商务','O2O','游戏','企业服务','教育','金融'],
['不限','天使轮','A轮','B轮','C轮','D轮及以上','上市公司','无需融资']
];
<form class="list">
<div class="box-center">
<div class="b">关 键 词:</div>
<input type="text" placeholder="{{inputMes}}" />
</div>
<div class="box-center" ng-repeat="x in companyList">
<div class="b">{{x}}</div>
<div><span ng-repeat="y in companyMes[$index]" ng-class="{'active':$first}">{{y}}</span></div>
</div>
<div class="search-btn box-center">
<span>清空</span><span class="active">搜索</span>
</div>
</form>
对于切换搜索职业页面的问题,若再新建一个html文件进行内容展示,切换时候搜索条件处将出现刷新效果,要不再嵌套一层路由?感觉尽量不要吧?就先试行显示和隐藏方法,而搜索条件处,直接对ng-repeat的数据进行修改。
$scope.jobList = ['所在地区:','所属行业:','学历要求:','工作经验:','薪资水平:','发布时间:'];
$scope.jobMes = [
['不限','北京'],
['不限','移动互联网','电子商务','O2O','游戏','企业服务','教育','金融'],
['不限','大专','本科','硕士','博士'],
['不限','应届','1-3','3-5','5-10','10以上'],
['不限','8K以下','8K-15K','15K-26K','26K以上'],
['不限','今天','三天内','七天内']
];
$scope.company = function(){
$scope.professionList = $scope.companyList;
$scope.professionMes = $scope.companyMes;
$scope.p2sTop = true;
$scope.inputMes = "IT修真院";
}
$scope.job = function(){
$scope.professionList = $scope.jobList;
$scope.professionMes = $scope.jobMes;
$scope.p2sTop = false;
$scope.inputMes = "携程产品经理";
}
$scope.pathChange = function(timer){
if($location.path() == "/profession/searchJob"){
$scope.job();
}
else{$scope.company();}
}
$scope.pathChange();
效果实现。
收获:
复盘项目进度
评论