angularjs 控制器 controller 详解——迹忆客-ag捕鱼王app官网

angularjs 应用程序主要依靠控制器来控制应用程序中的数据流。angularjs 控制器是常规的 javascript 对象。控制器是使用ng-controller指令定义的。每个控制器都接受 $scope 作为参数，该参数指的是控制器需要处理的应用程序/模块。

   ...

angularjs 控制器定义

在上面，我们使用 ng-controller 指令声明了一个名为studentcontroller的控制器。我们将其定义如下

function studentcontroller($scope) {
      $scope.student = {
         firstname: "mahesh",
         lastname: "parashar",
         
         fullname: function() {
            var studentobject;
            studentobject = $scope.student;
            return studentobject.firstname   " "   studentobject.lastname;
         }
      };
   }

• studentcontroller 被定义为一个以 $scope 作为参数的 javascript 对象。
• $scope 是指使用 studentcontroller 对象的应用程序。
• $scope.student 是 studentcontroller 对象的一个​​属性。
• firstname 和 lastname 是 $scope.student 对象的两个属性。我们将默认值传递给他们。
• 属性 fullname 是 $scope.student 对象的函数，它返回组合名称。
• 在 fullname 函数中，我们获取学生对象，然后返回组合名称。

注意，我们还可以在单独的 js 文件中定义控制器对象，并在 html 页面中引用该文件。 如，我们在 personcontroller.js 中新建了控制器

first name: 

last name: 



full name: {{firstname   " "   lastname}}

示例

以下示例显示了控制器的完整的使用

   
      
      
   
   
   
      
angularjs sample application
      
      

         enter first name: 

         

         enter last name: 

         

         you are entering: {{student.fullname()}}