控制器的作用

AngularJS同其他JavaScript框架最主要的一个区别就是,控制器并不适合用来执行DOM操
作、格式化或数据操作,以及除存储数据模型之外的状态维护操作。它只是视图和$scope之间的
桥梁。
AngularJS允许在$scope上设置包括对象在内的任何类型的数据,并且在视图中还可以展示
对象的属性。

对象声明及显示如下

 1 <!DOCTYPE html>
 2 <html ng-app = "myApp">
 3 <head>
 4     <title>Simple app</title>
 5 </head>
 6 <body>
 7     <div ng-controller = "MyController">
 8         <h1>{{person}}</h1>
 9         and their name:
10         <h2>{{person.name}}</h2>
11     </div>
12 <script type="text/javascript" src = "js/angular.js"></script>
13 <script type="text/javascript" src = "js/app.js">
14 </script>
15 </body>
16 </html>
17 
18 var myApp = angular.module("myApp", [])
19 
20 myApp.controller('MyController', function($scope) {
21     $scope.person = {
22         name: 'Ari'
23     };
24 });
View Code

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-30
  • 2021-06-07
  • 2021-10-09
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-08-13
  • 2022-01-01
  • 2022-01-01
  • 2022-02-02
  • 2021-12-04
  • 2022-12-23
相关资源
相似解决方案