angular.js引入外部JS并传值给外部JS
在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
函数。
评论已关闭