Question

在我的角度视图页面中，我有一个div id，其click事件写在其他java脚本文件中。就像一个与角度应用程序无关的常见java脚本文件。如何触发click事件。常见的javascript文件中的函数永远不会被触发。

<div id="click" ..../>
//below one never works
$("#click").click(){
// do something
}

Answer 1

你不必这样做，只需使用angularjs的ngClick指令。

<div id="click" ng-click="myFunc()" />

在您的javascript文件中：

$scope.myFunc() = function () {
    // Do something
};

Answer 2

您可以使用包含这些函数的文件创建一个新模块和控制器，然后为这个新模块/控制器创建一个依赖项。

<强> Auxiliar.js

(function(){
var app = angular.module('auxiliar',[]);

app.controller('CtrlAuxiliar',function(){

    this.sayHello = function(){
        console.log("Hello!");
        alert("Hello!");
    };


    });
})();

<强> app.js

(function() {

  var app = angular.module('test',['auxiliar']);
  ...
  ...

<强>的index.html

<script type="text/javascript" src="auxiliar.js"></script>
...
...
<div ng-controller="CtrlAuxiliar as ca" ng-click="ca.sayHello()">Say Hello</div>
...

如何调用javascript函数绑定到angular元素

2 个答案: