我怎样才能在angularjs中使用javascript代码

@Update

如果你想在angularjs中使用java脚本库或函数或常量,我建议的方法是添加一个工厂或服务,以确保库或函数或常量,但它不像上面的解决方案那么简单.这是我添加一个基于的片段以上解决方案

使用以下approch有一些优点: -

它将真正添加依赖注入,这是angularjs背后的基本概念

它将确保在启动app之前存在外部函数.

它将在angular中增加更多的灵活性和对java脚本函数的控制.

以下代码段将删除功能的外部访问并保护您的应用程序

这是在代码中添加jquery loadash或任何js库等外部库的最佳方法

(function() {
  function exampleController(myFunction) {
    this.myFunction = function() {
      alert("Iam from angular controller");
    }
    this.externalJSFunction = myFunction
  };
  exampleController.$inject = ['myFunction'];
  
  function myFunctionFactory($window) {
    if (!$window.myFunction) {
      throw new Error("myFunction is not defined");
    }
    this.myFunction = $window.myFunction;
    /* You can add 
     $window.myFunction = undefined; 
     if the function ($window.myFunction) is not required by 
     some other library or function in window scope  
     in such cases it gives added security by 
     restricting access of this from window scope and dis allows modification
     */
    return this.myFunction;
  }
  myFunctionFactory.$inject = ['$window'];
  
  var app = angular.module("app", []);
  app.controller('exampleController', exampleController);
  app.factory('myFunction', myFunctionFactory);

})();
function myFunction() {
  alert("Iam from Javascript");
}

  click me For angular Function
  

  click me For external JS Function 
  

  click me for checking exteranl acess 

var app = angular.module("app", []);

app.controller('exampleController', [function() {
  this.myFunction = function() {
    alert("Iam from angular controller");
  }
}]);

function myFunction() {
  alert("Iam from Javascript");
}

  click me
  click me