访问脚本标记中的Angular变量

Access Angular variable within script tag

本文关键字：Angular 变量 脚本 访问      更新时间：2023-09-26

我正在制作一个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>

我想让数据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，并在script标签的data-id属性中的head标签（我猜这就是你想要的）内的页面上输出。

工作示例

相关文章：