Heim > Artikel > Web-Frontend > AngularJS-Controller-Bereich
AngularJS-Controller-Bereich
- 高洛峰Original
- 2017-01-10 11:35:131187Durchsuche
$scope stellt die Zwischenbrücke zwischen der Ansicht und dem Datenmodell dar: Objekte in der Bereichsdomäne können sowohl vom Modell als auch von der Ansicht gemeinsam genutzt werden, und die Daten werden bidirektional synchronisiert. Der Bereich des Controllers: ist hauptsächlich für die Datenverarbeitung verantwortlich Wenn das untergeordnete Element einen verschachtelten Controller hat, ist der Controller des entsprechenden Unterelements derjenige, der dem Unterelement am nächsten liegt (dieses Prinzip der nächstgelegenen Aktion spiegelt sich auch im Jmeter-Test wider). Framework und Avalons MS-Controller)
HTML-Text:
<!-- 指定应用名及控制器 -->
<body ng-app="myApp">
<div ng-controller="myCtrl01">
<p>myCtrl01的作用域</p>
名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}
<hr/>
<p>myCtrl02的作用域</p>
<div ng-controller="myCtrl02">
名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}
</div>
</div>
Javascript-Operationscode:
//定义应用的控制器，负责具体数据处理：
//定义angular应用的名称：myApp:一个html中只有一个应用，如果存在多个以第一个为准
var app = angular.module('myApp', []);
app.controller('myCtrl01', function($scope) {
/* 后台向scope域中存放对象：页面存放的标签：
* ng-init 初始化变量
* ng-model:初始化变量并进行数绑定
*/
$scope.firstName= "John";
$scope.lastName= "Doe";
});
app.controller('myCtrl02', function($scope) {
$scope.firstName= "Hello";
$scope.lastName= "Python";
});
Wirkung:
Das Obige ist der gesamte Inhalt dieses Artikels, der für das Lernen aller hilfreich sein wird, und ich hoffe auch dass jeder die chinesische PHP-Website abonnieren wird.
Weitere Artikel zum AngularJS-Controller-Bereich finden Sie auf der chinesischen PHP-Website!