发表于: 2017-06-02 21:33:24

1 1292


今天完成的事情:

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实现下拉菜单功能。




返回列表 返回列表
评论

    分享到