如何从外部js文件导入和使用方法到AngularJS中？

Question

我想使用此文件中的功能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>

为输入字段添加ID

<div>
  <input id="js-AddressField" placeholder="Введите адрес">  
</div>

添加脚本

<script>
  var options = { id : 'js-AddressField' };
  AhunterSuggest.Address.Solid( options );
</script>

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

怎么做对？

Answer 1

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

确保在dom准备好并启动angularJS控制器后调用此函数。

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

init() {
  this.xxx()
}

Angular Controller之后：（应该是这样）

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

如何从外部js文件导入和使用方法到AngularJS中？

问题描述

1 个解决方案

解决方案1
0 2019-04-12 12:29:32

如何从外部js文件导入和使用方法到AngularJS中？

问题描述

1 个解决方案

解决方案1 0 2019-04-12 12:29:32

解决方案1
0 2019-04-12 12:29:32