Question

我正在研究使用yeoman角度生成器生成的angularjs项目。

我有一个jQuery函数，我需要在大多数html视图中使用它。可能的解决方案是将此函数添加到script.js文件中，并在需要此函数的html视图中将此文件添加为引用。但是，我不认为这个解决方案是好的。

当yeoman生成angularjs项目时，在其index.html文件中，它会添加一个

部分

<!-- build:js({.tmp,app}) scripts/scripts.js -->

在本节中，添加了不同的脚本文件，因为我认为，在构建时，这些文件将统一在一个scripts / scripts.js文件中。

我尝试通过将该函数添加到脚本文件来执行相同的操作，并将此脚本文件的引用添加到此部分。问题是当我尝试从任何视图调用它时，该函数不起作用。

我能做些什么来解决它？

Answer 1

使用angularjs中的指令完成DOM操作，您需要查看文档：{{3}}

如果您没有操作DOM，则可以创建可以注入任何控制器的服务。服务文档：https://docs.angularjs.org/guide/directive

从那里你可以将控制器中的一个函数分配给可在视图中访问的范围。 e.g。

$(document).scroll(function(){...});

您可以在html中调用该函数

$scope.MyFunction = function(){
    // Code goes here
}