39.在外部引用外部文件中的控制器

转载于 2018-01-02 11:16:00 发布 · 78 阅读

文章标签：

本文介绍了一个简单的Angular应用实例，展示了如何使用Angular框架创建一个显示姓名和国家列表的应用。通过具体的HTML和JavaScript代码示例，读者可以了解到Angular的基本用法，包括模块定义、控制器设置以及数据绑定等关键概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自：https://www.cnblogs.com/best/tag/Angular/

 1 <html>
 2 
 3 <head>
 4     <meta charset="utf-8">
 5     <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
 6 
 7 </head>
 8 
 9 <body>
10 <div ng-app="myApp" ng-controller="namesCtrl">
11 
12 <ul>
13   <li ng-repeat="x in names">
14     {{ x.name + ', ' + x.country }}
15   </li>
16 </ul>
17 
18 </div>
19 
20 </body>
21 <script src="personController.js"></script>
22 </html>

1 angular.module('myApp', []).controller('namesCtrl', function($scope) {
2     $scope.names = [
3         {name:'Jani',country:'Norway'},
4         {name:'Hege',country:'Sweden'},
5         {name:'Kai',country:'Denmark'}
6     ];
7 });