在脚本标签中访问Angular变量

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标识，并在script标签的data-id属性内的head标签（我想是您想要的位置）内的页面上输出它。

工作实例

在脚本标签中访问Angular变量

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-05-17 01:40:37

在脚本标签中访问Angular变量

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-05-17 01:40:37

解决方案1
1 已采纳 2016-05-17 01:40:37