AngularJS 控制器

简介:

在前面的博客中,我们能看到类似着这样的代码<div ng-controller="ctrl1">,这就是AngularJS的控制器指令。
AngularJS 应用程序被控制器控制。ng-controller 指令定义了应用程序控制器。控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数创建。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>AngularJS</title>
        <script type="text/javascript" src="js/angular.min.js"></script>
        <script type="text/javascript">
            var app = angular.module("myApp", []);
            app.controller("myCtrl", function($scope) {
                $scope.name = "jianggujin";
            });
        </script>
    </head>

    <body ng-app="myApp" ng-controller="myCtrl">
        <input type="text" ng-model="name" />
        <div>Hello {{name}}</div>
    </body>

</html>

AngularJS 应用程序由 ng-app 定义。应用程序在<body> 内运行。ng-controller="myCtrl"

目录
相关文章
|
6月前
|
JavaScript 测试技术 数据处理
AngularJS中的控制器:作用与使用技术详解
【4月更文挑战第27天】AngularJS的控制器作为视图和模型间的桥梁,负责数据绑定、逻辑处理和初始化状态。它们与视图关联,通过`$scope`共享数据和方法。最佳实践包括保持控制器简洁、谨慎使用`$scope`、遵循单一职责原则和编写测试。通过理解控制器的作用和使用,能构建动态响应的应用。
|
JavaScript 容器 前端开发
|
Web App开发 JavaScript 前端开发
|
JSON 数据格式
|
移动开发 JavaScript 前端开发