时间戳

首页 > 解决方案 > 如何将外部 js 文件中的方法导入和使用到 AngularJS？

javascript - 如何将外部 js 文件中的方法导入和使用到 AngularJS？

问题描述

我想使用这个文件中的功能https://ahunter.ru/js/min/ahunter_suggest.js

文档说 1. 导入文件

<head>
...
  <script src="path_to_scripts/jquery.min.js"></script>
  <script src="path_to_scripts/ahunter_suggest.js"></script>
...
</head>
  1. 为输入字段添加 id
<div>
  <input id="js-AddressField" placeholder="Введите адрес">  
</div>
  1. 添加脚本
<script>
  var options = { id : 'js-AddressField' };
  AhunterSuggest.Address.Solid( options );
</script>

我将文件添加到我的项目目录并将链接添加到 index.html，但我无法调用 AhunterSuggest.Address.Solid( options );我的控制器之一。

怎么做才对？

标签： javascriptangularjs

解决方案

在您的 AngularJS 控制器中，您有初始化控制器的方法吗？如果是这样，您必须调用第 3 方库初始化程序（消息中的第 3 个代码）

确保在 dom 准备好并启动 angularJS 控制器之后调用它。

你之前的角度控制器（atm）

init() {
  this.xxx()
}

Angular Controller after：（应该是这样的）

init() {
  this.xxx()
  this.initialiseAHunterSuggest()
}
initialiseAHunterSuggest() {
  var options = { id : 'js-AddressField' }
  AhunterSuggest.Address.Solid( options )
}

推荐阅读