javascript - AngularJS Controller 和方法

标签 javascript angularjs

我是 angularjs 的初学者,有一些关于 Controller 的问题。
这是我的示例 Controller :

function exampleController($scope)
{
   $scope.sampleArray = new Array();

   $scope.firstMethod = function()
   {
      //initialize the sampleArray
   };

   $scope.secondMethod = function()
   {
      this.firstMethod();
   };
};

这是我的问题:

  • 如何从 secondMethod 调用 firstMethod?我的方法是正确的还是更好的方法?
  • 如何为 Controller 创建构造函数?我需要调用第二个方法来调用第一个方法来初始化sampleArray?
  • 如何从 html 代码调用特定方法?我找到了 ng-initialize,但不知道如何使用它。

最佳答案

您可以按照声明方法的方式调用方法:

$scope.secondMethod = function() {
  $scope.firstMethod();
};

您也可以像这样从 HTML 调用:

<span>{{secondMethod()}}</span>

但是 Controller 实际上并没有“构造函数”——它们通常像函数一样使用。但是您可以将初始化放在 Controller 函数中,它将首先执行,就像构造函数一样:

function exampleController($scope) {
  $scope.firstMethod = function() {
    //initialize the sampleArray
  };

  $scope.secondMethod = function() {
    $scope.firstMethod();
  };

  $scope.firstMethod();
}

关于javascript - AngularJS Controller 和方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14407999/

相关文章:

angularjs - 从 CDN 拉取 Angular 时,如何阻止 Angular 加载 .angular.min.js.map 文件?

javascript - 从桌面图标启动时,我可以使用 javascript 在 Google Chrome 中关闭窗口吗?

javascript - 如何使用 ajax crud 将数据表实现到 laravel 5.4 中

html - 如何将输入的文本框值发送到文本框上的angularjs onclick?

javascript - 如何从Angularjs中的下拉列表中获取选定的值?

javascript - Angular 服务无法识别功能

angularjs - 如何获取Angular JS变量中SunEditor(Richtextbox)的内容

javascript - 如何修复仅在 wordpress 网站上不起作用的 javascript onmousemove

javascript - Powershell 无法扩展此 javascript 内容

javascript - 从属下拉列表不起作用