如何在javascript中使用ng模型将链接复制到社会化共享-url？

Question

​

 <input type="url" id="linkid" style="border:1px solid black;padding:0.5%" ng-model="shareLink">
 
 <a target="_self" socialshare socialshare-provider="facebook" socialshare-text="720kb AngularJS Socialshare" socialshare-hashtags="angularjs, angular-socialshare" socialshare-url="shareLink">

​

我想复制到socialshare-url的链接，用于在当一个按钮是clicked.Iam试图使用ng-模型复制链接时生成的社交网站中共享该链接，但它不是working.How，我可以复制到社交网站的链接吗？

Answer 1

在ng-更改输入调用一个函数来更新锚链接的属性。然后在你的角度控制器中，把输入模型分配给那个锚元素。

在html中：

<input ng-model="shareLink" ng-change="updateLink()">

在主计长中：

$scope.updateLink = function()
        {
            document.getElementsByTagName("a")[0].setAttribute("socialshare-url", $scope.shareLink);
        }

这是小提琴：https://jsfiddle.net/AKMorris/cm4jbo6p/