Question

我正在使用一些教程实现ng-clip。我正在按照教程中的方式进行，但它无法正常工作。我包括Zeroclipboard.min.js，angular.js，ngClip.js

Html看起来像..

    <div ng-app="clip">
        <button clip-copy="getTextToCopy()">Copy</button>
    </div>

脚本看起来像..

    angular.module('clip', ['ngClipboard']);

    function Main($scope) {
        $scope.getTextToCopy = function() {
    return "ngClip is awesome!";
        }

    $scope.doSomething = function () {
    console.log("NgClip...");
        }
    }

任何人都可以建议我哪里出错了！感谢。

Answer 1

我遇到了同样的问题;修复方法是包含如下所示的js文件和在服务器上运行网页。在tomcat＆gt;＆gt; webapps中创建一个文件夹并将网页粘贴到那里。现在在url上查看页面

http://localhost:8080/(folderName)/(pageName).html

 <script src="http://asafdav.github.io/ng-csv/javascripts/ngClip.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/1.1.7/ZeroClipboard.min.js"></script>
<script>
angular.module('clip', ['ngClipboard']);

function Main($scope) {
    $scope.getTextToCopy = function() {
        return "ngClip is awesome!";
    }
    $scope.doSomething = function () {
        console.log("NgClip...");
    }
}
</script>

<html>
<body ng-app="clip" ng-controller="Main">
<h1> ngClip Example </h1>

<button type="button" clip-copy="getTextToCopy()" clip-click="doSomething()">Copy</button>
</body>
</html>

以上代码在tomcat上运行。

ng-clip副本到剪贴板不起作用

1 个答案: