发表于: 2017-06-02 21:33:24
1 1290
今天完成的事情:
1.完成了css文件和js的冲突部分的修改,并完成了加载,能正常显示。
2.学习了懒加载:
$stateProvider.state('index', {
url: "/", // root route
views: {
"lazyLoadView": {
controller: 'AppCtrl', // This view will use AppCtrl loaded below in the resolve
templateUrl: 'partials/main.html'
}
},
resolve: { // Any property in resolve should return a promise and is executed before the view is loaded
loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) {
// you can lazy load files for an existing module
return $ocLazyLoad.load('js/AppCtrl.js');
}]
}
});
与路由使用如上,但是真正用到项目却又加载不成功,咨询了师兄,明天准备重写。
3.使用angular的ng-hide实现了做导航栏的下拉菜单功能,一开始使用的原生写的,师兄说不好,代码如下:
var mainApp = angular.module("home");
mainApp.controller("personMain", function($scope) {
$scope.newsHide = true;
$scope.contentHide = true;
$scope.bastHide = true;
$scope.newsToggle = function() {
$scope.newsHide = !$scope.newsHide;
};
$scope.contentToggle = function() {
$scope.contentHide = !$scope.contentHide;
};
$scope.bastToggle = function() {
$scope.bastHide = !$scope.bastHide;
};
});
4.完成了小课堂的讲课,但是第一次由于太紧张加上准备的也不是很充分,所以个人感觉不太好,下次会改进。
明天计划的事情:
完成任务7;将小课堂的东西上传到指定位置。
遇到的问题:
懒加载无法加载文件进去的问题,尚未解决
收获:
懒加载的好处以及如何使用,以及如何使用angular实现下拉菜单功能。
评论