我正在使用一些教程来实现 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...");
}
}
谁能建议我哪里错了!
谢谢。
我遇到了同样的问题;修复方法是包含 js 文件,如下所示在服务器上运行网页。
在 tomcat>>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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)