在腳本標簽中訪問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