如何调用绑定到angular元素的java脚本函数

How to call java script function bound to angular element

本文关键字：元素 angular java 函数 脚本 绑定 何调用 调用      更新时间：2023-09-26

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

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

您不必这么做，只需使用angularjs的ngClick指令即可。

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

在您的javascript文件中：

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

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

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>
...
相关文章：