recherche

Maison >interface Web >js tutoriel >Portée du contrôleur AngularJS

Portée du contrôleur AngularJS

高洛峰
高洛峰original
2017-01-10 11:35:131246parcourir

$scope représente le pont intermédiaire entre la vue et le modèle de données : les objets du domaine de portée peuvent être partagés à la fois par le modèle et la vue, et les données sont synchronisées de manière bidirectionnelle. La portée du contrôleur : est principalement responsable du traitement des données. d'éléments enveloppés par la balise contrôleur. Si l'enfant Si un élément a un contrôleur imbriqué, le contrôleur du sous-élément correspondant sera celui le plus proche du sous-élément (ce principe d'action la plus proche se reflète également dans les tests Jmeter framework et ms-controller d'avalon)

Texte HTML : 

<!-- 指定应用名及控制器 -->
<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>

Code d'opération Javascript : 

//定义应用的控制器，负责具体数据处理：
//定义angular应用的名称：myApp:一个html中只有一个应用，如果存在多个以第一个为准
var app = angular.module(&#39;myApp&#39;, []);
app.controller(&#39;myCtrl01&#39;, function($scope) {
 
 /* 后台向scope域中存放对象：页面存放的标签：
 * ng-init 初始化变量
 * ng-model:初始化变量并进行数绑定
 */
 $scope.firstName= "John";
 $scope.lastName= "Doe";
});
 
app.controller(&#39;myCtrl02&#39;, function($scope) {
 $scope.firstName= "Hello";
 $scope.lastName= "Python";
});

Effet :

AngularJS Controller作用域

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. J'espère aussi que. tout le monde s'abonnera au site Web PHP chinois.

Pour plus d'articles liés à la portée du contrôleur AngularJS, veuillez faire attention au site Web PHP chinois !

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：La page jsp affiche le tableau d'informations sur les données de la base de donnéesArticle suivant：La page jsp affiche le tableau d'informations sur les données de la base de données

Articles Liés

Voir plus