javascript - 如何在javascript中使用ng-model将链接复制到socialshare-url？

 <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以共享在单击按钮时生成的社交网站中的链接。我试图使用ng-model复制该链接但它不起作用。如何将链接复制到social

最佳答案

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

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