[AngualrJS] ng-strict-di

In Angular 1.5 introduces "compoment" syntax. But ng-annotate doesn't understand ".compoment" syntax, that's why in min version, the code doesn't work.

 

so use "ng-strict-di" directive, it tell AngualrJS when compile time to check whether the dependciy injection is working or not.

  <body ng-app="app" ng-strict-di ng-cloak>

    <app>
      Loading...
    </app>

    <script src="bundle.js"></script>
  </body>

 

Then we when use compoment, if we don't add 'ngInject', then it will block the compiler, so everytime we use component, we need to add:

class CategoriesController {
  constructor(CategoriesModel) {
    'ngInject';

    CategoriesModel.getCategories()
      .then(categories => this.categories = categories);
  }
}

export default CategoriesController;

 

posted @ 2016-09-04 17:34  Zhentiw  阅读(289)  评论(0编辑  收藏  举报