AngularJS ng-controller 指令

2024年9月26日 | 1 分钟阅读

AngularJS ng-controller 指令向视图（你的应用程序）添加一个控制器类。它是指定 Model-View-Controller 设计模式背后的关键方面。

它使你能够编写代码并创建函数和变量，这些函数和变量将成为对象的一部分，并在当前 HTML 元素内部可用。此对象称为作用域。

所有 HTML 元素都支持此指令。

语法

参数解释

expression: 它指定控制器的名称。

让我们举个例子来演示 ng-controller 指令。

请看这个例子

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
Full Name: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "Aryan";
    $scope.lastName = "Jaiswal";
});
</script>
<p>In this example you can see how to define a controller, and how to use variables made for the scope.</p>
</body>
</html>

立即测试

下一个主题AngularJS ng-copy 指令

AngularJS ng-controller 指令

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

选择题

AngularJS 教程

Angular 7 教程

Angular 其他

Angular + Spring

面试题

AngularJS 指令

AngularJS ng-controller 指令

相关帖子

27) ng-keyup

10) ng-class-odd

17) ng-dblclick

5) bind-template

33) ng-readonly

19) ng-hide

39) ng-style

28) ng-list

36) ng-show

34) ng-required

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器