我正在制作一个Web应用程序:Angular中的前端和Rails中的后端。
我正在使用LinkedIn的成员个人资料插件,该插件基于所传递的URL显示人员的个人资料。这是此插件的代码。
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="(Your LinkedIn URL)" data-format="inline" data-related="false"></script>
我想使data-id部分动态化。基本上,我将让我的用户在文本框中写入他们的linkedin地址,并将其保存到Angular的变量中。当值更改时,我希望将该值分配给
data-id
。但是我不确定data-id
是否可以访问Angular中的变量。 最佳答案
非常简单。创建一个应用程序以及将在html
标记上初始化的全局控制器,如下所示:
<html ng-app="app" ng-controller="myctrl">
<head>
<script type="IN/MemberProfile" data-id="{{myId}}" data-format="inline" data-related="false"></script>
</head>
</html>
并将其作为您的控制器和应用程序初始化,或类似的操作:
var app = angular.module('app', []);
app.controller('myctrl', ['$scope', function($scope){
$scope.myId = 123;
}]);
要对其进行分解,将为
$scope.myId
分配一个LinkedIn ID,并在head
属性的data-id
属性内的script
标记(我想是您想要的位置)内的页面上输出该ID。标签。WORKING EXAMPLE