11、AngularJS开发：MVC、过滤器与模块的深入解析

最新推荐文章于 2025-11-03 14:19:04 发布

perl8

最新推荐文章于 2025-11-03 14:19:04 发布

阅读量14

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJS入门精要文章标签： AngularJS MVC ngRepeat

本文链接：https://blog.youkuaiyun.com/perl8/article/details/153919021

AngularJS入门精要专栏收录该内容

22 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

AngularJS开发：MVC、过滤器与模块的深入解析

1. 初探MVC与ngRepeat指令

在Web应用开发中，良好的结构和组织至关重要。曾经，JavaScript开发的方式较为随意，脚本规模小且在应用开发中作用有限。但如今，JavaScript在构建Web应用的重要部分，应用设计和结构的考量变得尤为关键。

MVC（Model View Controller）模式是构建AngularJS应用时常用的模式。下面通过一个简单示例来了解ngRepeat指令：

<body ng-controller='MyFirstCtrl'>
  <h2>Number of Employees: {
  
  { ourEmployees.length}}</h2>
  <p ng-repeat="employee in ourEmployees">{
  
  {employee}}</p>
</body>
</html>

这个示例与之前的示例相比，多了一行代码。不再只是显示员工数量，而是使用ngRepeat指令来显示每个员工的姓名。ngRepeat指令会为集合中的每个项目重复声明该指令的元素实例。例如， ourEmployees 数组中有四个员工，就会生成四个段落，每个段落显示一个员工的姓名。ngRepeat功能强大，后续会有更多介绍。