Angular插件ZeroClipboard无法正常工作

时间:2015-06-01 19:24:22

标签: javascript angularjs zeroclipboard

我对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中,我添加了与demo中相同的结构:

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

但是,在页面加载时我遇到以下错误:

enter image description here

我不知道我哪里出错了,我按照所解释的所有步骤进行了操作。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:2)

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

  1. ZeroClipboard.js
  2. angular-zeroclipboard.js
  3. 谢谢:)