如何包含没有类型定义的第 3 方模块（angular-pull-to-refresh）

Question

我是一个完全的初学者，我不知道如何包含库和注入模块，所以请耐心等待。这是我要包括的模块：https://github.com/mgcrea/angular-pull-to-refresh

我用 Bower 安装了模块并成功地 link 编辑了它们。应该在 app.component.html 对吧？或者我应该 link 它在我显示数据的组件命名列表 (list.component.html) 中，我想用下拉刷新？

你能给我指出正确的方向吗，这条线放在哪里，'myApp' 在这里究竟代表什么。
- 将 mgcrea.pullToRefresh 模块注入您的应用程序：
angular.module('myApp', ['mgcrea.pullToRefresh']);

在示例中，pull-to-refresh 属性在函数 onReload() 中被调用。这个功能应该放在哪里？

感谢大家阅读和帮助我！

Answer 1

根据网站，您可以这样做，在您的 js 文件中：

'use strict';

angular.module('myApp', ['mgcrea.pullToRefresh']);

   angular.module('myApp')
   .controller('AppCtrl', function($scope, $q) {

   $scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas'];

   $scope.onReload = function() {
      console.warn('reload');
      var deferred = $q.defer();
      setTimeout(function() {
        deferred.resolve(true);
      }, 1000);
      return deferred.promise;
   };

});

在您的 index.html 文件中：

<body ontouchstart="" ng-controller="AppCtrl">

<div class="content">
    <ul class="list-group list-group-table" pull-to-refresh="onReload()">
        <li class="list-group-item" ng-repeat="state in states" ng-bind="state"></li>
    </ul>
</div>

通过在页面的 body 标记 中添加 ng-controller 指令，您可以告诉页面的哪一部分将是由哪个控制器处理。在这种情况下，AppCtrl 控制器。您可以有多个控制器负责页面的不同部分，例如 div、正文或一个控制器负责整个页面，例如 html 标签。

希望对您有所帮助！

Answer 2

我设法使用这个插件进行刷新：https://github.com/BoxFactura/pulltorefresh.js 是这样的：
使用
安装插件和插件的@types npm install pulltorefreshjs --save npm install @types/pulltorefreshjs --save

然后在app.components.ts
中导入 import * as PullToRefresh from 'pulltorefreshjs';

并在 app.components.ts 中初始化它：
ptrinit:any = PullToRefresh.init();

如何包含没有类型定义的第 3 方模块（angular-pull-to-refresh）

How to include 3rd party module (angular-pull-to-refresh), which has no type definitions

angularjs

module

pull-to-refresh