Question

我正在创建一个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中的变量。

Answer 1

非常简单。创建您的应用程序以及将在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 1}} script标记上的属性。

many related standards

访问脚本标记内的Angular变量

1 个答案: