注册登录

【AngularJS】举例讲解AngularJS中的模块-模块

时间:2016-02-12 13:08 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【举例讲解AngularJS中的模块】，下面是详细的讲解！

举例讲解AngularJS中的模块

<html>
  <head>
 <title>Angular JS Modules</title>
 <style>
 table, th , td {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
 }
 table tr:nth-child(odd) {
  background-color: #f2f2f2;
 }
 table tr:nth-child(even) {
  background-color: #ffffff;
 }
 </style>
 </head>
 <body>
 <h2>AngularJS Sample Application</h2>
 <div ng-app="mainApp" ng-controller="studentController">
 <table border="0">
 <tr><td>Enter first name:</td><td><input type="text" ng-model="student.firstName"></td></tr>
 <tr><td>Enter last name: </td><td><input type="text" ng-model="student.lastName"></td></tr>
 <tr><td>Name: </td><td>{{student.fullName()}}</td></tr>
 <tr><td>Subject:</td><td>
 <table>
  <tr>
    <th>Name</th>
    <th>Marks</th>
  </tr>
  <tr ng-repeat="subject in student.subjects">
    <td>{{ subject.name }}</td>
    <td>{{ subject.marks }}</td>
  </tr>
 </table>
 </td></tr>
 </table>
 </div>
 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
 <script src="http://www.jb51.net/article/mainApp.js"></script>
 <script src="http://www.jb51.net/article/studentController.js"></script>
</body>
</html>

关于举例讲解AngularJS中的模块的用户互动如下：

　　相关问题：关于AngularJS 框架的使用有哪些经验值得分享

　　答：AngularJS 与 jQuery 等传统操作 DOM 的思想有所不同，对于 jQuery 等，一般是先有完整 DOM 然后在这些 DOM 的基础上进行二次调教。而 AngularJS 等框架则是根据数据模型以及其对应的 DOM 模版，然后通过模版像搭积木那样组合页面。显然的... >>详细

　　相关问题：如何理解angularjs

　　答：AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入、等等。 >>详细

　　相关问题：关于AngularJS的一些疑问有哪些？请列举

　　答：nodejs用来做服务器，jquery和angularjs是前端。 jquery应用非常广泛，angularjs更适合单页系统的网站前端。 Node.js完全是服务器端的框架，只不过是Javascript语言； JQuery是一套前端JS工具集，实现了一些高级DOM操作和实用功能； AngularJS是... >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【AngularJS】举例讲解AngularJS中的模块-模块

举例讲解AngularJS中的模块

关于举例讲解AngularJS中的模块的用户互动如下：

第一章 JavaScript （基础）

第二章 JavaScript（高级）