Angular 插件 ZeroClipboard 不工作

Angular plugin ZeroClipboard not working

我对 Angular 比较陌生。我正在尝试使用名为 ZeroClipboard.

的模块

我编辑了我的应用程序以加载模块并按照演示中的描述设置配置。

var app = angular.module('JpqlEditor', ['ngRoute', 'ngResource', 'ui.bootstrap', 'toaster', 'chieffancypants.loadingBar', 'zeroclipboard']).
  config(['uiZeroclipConfigProvider', function(uiZeroclipConfigProvider) {

    // config ZeroClipboard
    uiZeroclipConfigProvider.setZcConf({
      swfPath: 'assets/flash/ZeroClipboard.swf'
    });

  }])

在我的 HTML 中,我添加了与演示中相同的结构:

<input type="text" ng-model="myText" />
<button ui-zeroclip zeroclip-copied="copied=true" zeroclip-model="myText">Copy</button>
<span ng-show="copied">Text Copied!</span>

但是,在页面加载时出现以下错误:

我看不出哪里错了,我按照说明的所有步骤操作。任何帮助将不胜感激。

您一定是错过了添加 ZeroClipboard.js & 加载脚本的顺序应该是

  1. ZeroClipboard.js
  2. angular-zeroclipboard.js

谢谢:)