angular.js引入外部JS并传值给外部JS

作者：System 时间：2024年08月17日分类：所有,typescript 字数：984

这篇文章距离上次修改已过263天，其中的内容可能已经有所变动。

在AngularJS中引入外部JS并传值给它可以通过以下步骤实现：

在AngularJS控制器中定义需要传递给外部JS的值。
使用$window服务来访问全局的window对象，并通过它调用外部JS中的函数，并传递值。

假设你有一个名为external.js的外部文件，它定义了一个全局函数receiveValue(value)，你想从AngularJS传递一个值给它。

首先，确保在HTML中引入了外部JS文件：

<script src="external.js"></script>

然后，在AngularJS控制器中，你可以这样做：

app.controller('MyController', ['$scope', '$window', function($scope, $window) {
    $scope.myValue = "Hello from AngularJS";

    // 当需要传值给外部JS时调用此函数
    $scope.sendValueToExternalJS = function() {
        // 调用外部JS中的函数并传递值
        $window.receiveValue($scope.myValue);
    };
}]);

确保在外部JS文件中定义了receiveValue函数，它接受一个参数并做相应处理：

// external.js
function receiveValue(value) {
    console.log(value); // 输出传递过来的值
    // 其他逻辑...
}

最后，在AngularJS模板中，你可以绑定一个事件来触发传值动作：

<button ng-click="sendValueToExternalJS()">Send Value</button>

当用户点击按钮时，sendValueToExternalJS函数会被调用，并且myValue的值会传递给外部的receiveValue函数。

angular.js引入外部JS并传值给外部JS

评论已关闭

推荐阅读