Question

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

Answer 1

看看这个：

(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>

希望它有所帮助！

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

1 个答案: