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

How to use a bower package component into my project

我正在使用 angular material 设计开发平均堆栈应用程序。我坚持使用 'md-datepicker'。我正在设计一个具有出生日期字段的表单,但 md-datepicker 不允许 select 年份。我找到了一个 bower packer“https://github.com/alenaksu/mdPickers”,我正试图将它添加到我的项目中。

  1. 我安装了凉亭

    npm install bower

  2. 安装包,

    bower install mdpackages

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

我知道这个问题有点令人困惑,但如果有人能帮助我,我会向 teamviwer 开放。提前致谢。

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

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

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

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

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