如何在我的项目中使用bower包组件

时间:2016-05-25 15:40:34

标签: angularjs node.js bower angular-material mean-stack

我正在使用角度材料设计进行平均堆栈应用。我坚持使用'md-datepicker'。我正在设计一个具有出生日期字段的表单,但md-datepicker不允许选择年份。我找到了一个凉亭包装工“https://github.com/alenaksu/mdPickers”,我试图将它添加到我的项目中。

  1. 我安装了凉亭
      

    npm install bower

  2. 安装包,
      

    bower install mdpackages

  3. 在这些步骤之后,我在项目目录中获得了bower-components。所以我的问题是我应该在哪里链接这些组件。 (我在平均堆栈中真的很新)。现在我不知道如何在我的项目中使用它。 image of the Dir of mdpicker-bower package

    我知道这个问题有点令人困惑,但如果有人可以帮助我,我会向团队开放。提前谢谢。

1 个答案:

答案 0 :(得分:2)

在实例化根应用程序模块的位置,将mdPickers附加为依赖项。如,

angular.module("app", [
    "mdPickers"
  ]); 

在控制器中,然后实例化要使用的组件。

angular.module("app").controller("MainCtrl", ['$scope', '$mdpDatePicker', function($scope, $mdpDatePicker) {
  // do something with $mdpDatePicker
}]);

您可以找到有关如何使用模块here的更完整示例。