使用 ng-click 调用链接到我的项目的 JavaScript 函数

Calling a JavaScript function linked to my project using ng-click

本文关键字：项目 JavaScript 函数 我的 ng-click 调用 链接 使用      更新时间：2023-09-26

我需要调用一个链接到我的项目的JavaScript函数。此函数有 3 个参数。我正在使用 ng-repeat 上数组中的此参数。如果我将 onclick 事件与 3 个预定义参数一起使用，则函数执行没有问题。但是，如果我尝试使用 {{a.param}} 在 onclick 函数上传递参数，它不起作用。如果我尝试使用该函数使用 ng-click 并使用 {{a.param}} 或 a.param 传递参数也不起作用。我可以从作用域调用我的 JavaScript 函数吗？我无法像在许多文章中看到的那样在作用域上定义 JavaScript 函数。

看看这个：

(function(){
  var app = angular.module("app",[]);
  
  var module = angular.module("app");
  
  module.controller("controller", function(){
    var model=this;
    model.param1="not initialized";
    model.param2="not initialized";
    
    model.param3="not initialized";
    
    model.doWork = function(param1,param2,param3)
    {
      model.param1=param1;
      model.param2=param2;
      model.param3=param3;
    };
  });
}());
<!DOCTYPE html>
<html>
  <head>
    <script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>
  <body ng-app="app">
    <div ng-controller="controller as model">
      {{model.param1}}
      <br/>
      {{model.param2}}
      <br/>
      {{model.param3}}
      
      <input type="button" value="Click" ng-click='model.doWork("this is param1",model.param2,"Some random string")')> 
    </div>
  </body>
</html>

希望对您有所帮助！

相关文章：