发表于: 2017-03-29 10:55:52

2 1193


完成的事情:

完成“找职业”中的搜索公司页面样式,搜索公司页和搜索职业页跳转。


计划的事情:

完成“找职业”下面的其他页面样式?


问题:

完成搜索公司页面样式后,尝试对搜索条件建立数组,并使用ng-repeat进行重复处理。

$scope.companyList = ['所在地区:','所属行业:','融资规模:'];

$scope.companyMes = [

['不限','北京'],

['不限','移动互联网','电子商务','O2O','游戏','企业服务','教育','金融'],

['不限','天使轮','A轮','B轮','C轮','D轮及以上','上市公司','无需融资']

];

<form class="list">

<div class="box-center">

<div class="b">关&ensp;键&ensp;词:</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();

效果实现。


收获:

复盘项目进度


返回列表 返回列表
评论

    分享到