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

Question

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

1. 我安装了凉亭

   npm 安装凉亭

2. 安装包，

   凉亭安装 mdpackages

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

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

Answer 1

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

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

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

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

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