我正在制作一个网络应用程序:前端使用 Angular，后端使用 Rails。 我正在使用 LinkedIn 的成员(member)个人资料插件，该插件根据传递的 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 标记上初始化的全局 Controller ，如下所示:
<html ng-app="app" ng-controller="myctrl">
<head>
<script type="IN/MemberProfile" data-id="{{myId}}" data-format="inline" data-related="false"></script>
</head>
</html>
并将其作为您的 Controller 和应用程序初始化，或类似的东西:
var app = angular.module('app', []);
app.controller('myctrl', ['$scope', function($scope){
$scope.myId = 123;
}]);
为了分解它，$scope.myId 将被分配 LinkedIn ID，并在 head 标记内的页面上输出(我猜这是位于 script 标记上的 data-id 属性内。
关于javascript - 在脚本标签中访问 Angular 变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37265715/