javascript - Angular 插件 ZeroClipboard 不工作

Question

我是 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>

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

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

Answer 1

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

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

谢谢:)