深究AngularJS——AngularJS中的Controller(控制器)

太过爱你忘了你带给我的痛 2022-07-12 06:51 242阅读 0赞

# 先看个示例 #

<div ng-app="myApp" ng-controller="myCtrl">  第一个数字: <input type="text" ng-model="first"><br> 第二个数字: <input type="text" ng-model="second"><br> <br> 相乘结果: { { first* second}} </div> <script> //AngularJS 应用程序：在 <div> 内由 ng-app 定义运行。 var app = angular.module('myApp', []); //控制器 app.controller('myCtrl', function($scope) { //$scope 是一个应用对象，用于调用控制器，并保存Model(模型)的对象 //给控制器里的model赋值 $scope.first= 10; $scope.second= 20; }); </script>

# 控制器定义 #

在`<div>`内由**ng-controller** 指令定义，操作应用程序的 JavaScript 对象。  
其中应用程序是指由ng-app指令定义的对象。

# 控制器方法 #

控制器也可以有方法（变量和函数）：

<div ng-app="myApp" ng-controller="myCtrl"> 运行方法: { { methodName()}} </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.methodName= function() { return "输出到页面"; } }); </script>

# 外部文件中的控制器 #

在大型的应用程序中，通常是把控制器存储在外部文件中。  
此时只需要把 `<script>` 标签中的代码复制到名为 myController.js 的外部文件中，然后引入即可：

<div ng-app="myApp" ng-controller="myCtrl"> 运行方法: { { methodName()}} </div> <script src="myController.js"></script>

发表评论取消回复

表情：

评论列表（有 0 条评论，242人围观）

还没有评论，来说两句吧...

相关阅读

相关控制器Controller的使用

> [Java知识点总结：想看的可以从这里进入][Java] 目录 3.3、控制器Controller 3.3.1、接收参

╰半橙微兮°/ 2024年03月26日 17:39/ 0 赞/ 24 阅读

相关 push栈中删除指定的controller视图控制器

当`A视图控制器`push到`C视图控制器`时，受条件影响，需要先push到`B视图控制器`，然后再由`B视图控制器`push到`C视图控制器`；最后`C视图控制器`pop回时

爱被打了一巴掌/ 2022年11月30日 01:38/ 0 赞/ 114 阅读

相关 Kafka 控制器的作用（Controller）

在Kafka集群中会有一个或者多个broker，其中有一个broker会被选举为控制器（Kafka Controller），它负责管理整个集群中所有分区和副本的状态。当某个分区

Bertha 。/ 2022年09月01日 09:25/ 0 赞/ 129 阅读

相关 EXTJS4控制器Controller详解

控制器Controller通常是和application绑定在一起的。它们主要作用是监听事件（通常对view），并采取一些action。下面是我们如何创建一个Controlle

梦里梦外;/ 2022年07月21日 02:28/ 0 赞/ 151 阅读

相关深究AngularJS——AngularJS中的Controller(控制器)

先看个示例 <div ng-app="myApp" ng-controller="myCtrl"> <!-- 在该控制器内保存着如下两个Model里的数据 ng-

太过爱你忘了你带给我的痛/ 2022年07月12日 06:51/ 0 赞/ 243 阅读

相关 Controller接口控制器2

1.ServletForwardingController 2.BaseCommandController 3.AbstractCommandControll

系统管理员/ 2022年05月23日 06:55/ 0 赞/ 171 阅读

相关 Controller接口控制器详解1

1.Controller简介 2. Controller接口 3.WebContentGenerator 4.AbstractController

冷不防/ 2022年05月23日 05:28/ 0 赞/ 269 阅读

相关 SpringMVC（3） - 控制器（1） - 通过@Controller定义控制器

参考：[https://docs.spring.io/spring/docs/4.3.20.RELEASE/spring-framework-reference/htmlsin

冷不防/ 2022年04月17日 06:56/ 0 赞/ 186 阅读

相关 AngularJS控制器(Controller)

AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript

野性酷女/ 2021年09月14日 06:52/ 0 赞/ 308 阅读

相关 Kafka的控制器controller详解

一、控制器简介控制器组件（Controller），是 Apache Kafka 的核心组件。它的主要作用是在 Apache ZooKeeper 的帮助下管理和协调整个 ...

小灰灰/ 2021年05月04日 17:22/ 0 赞/ 500 阅读