AngularJS的基础–第2部分

by Santhakumar Munuswamy

  Posted on  05 七月 2015

  AngularJS


 

本文介绍了AngularJS的基础知识,AngularJS是一个用于构建结构化和动态Web应用程序的JavaScript框架

我在上一篇文章中对AngularJs进行了介绍,现在我们将解释AngularJs的基本概念以及为什么我们需要使用AngularJs及其功能。这里是链接: 

什么是AngularJS?

AngularJS是一个JavaScript框架,用于创建以构建结构化和动态的Web应用程序。

为什么选择AngularJS? 

  • 这是一个轻量级的平台和开源
  • 我们可以使用多种方法在客户端构建Web应用程序
  • 在HTML中添加了附加指令,自定义标签,属性,表达式,模板
  • 它可以支持测试驱动开发(TDD)
  • 它可以支持MVC和MVVM设计模式
  • 我们可以轻松地进行可维护性和可扩展性
  • 我们可以轻松地在应用程序中重复使用代码
  • 我们可以为单页应用程序开发

AngularJS的功能 

  • 数据绑定:双向数据绑定
  • 指令
  • MVC设计模式
  • 依赖注入
  • 测验
  • 路由
  • 范本
  • 楷模
  • 控制器
  • 验证方式
  • 筛选器 

数据 捆绑

数据绑定是自动更新模型和视图之间的数据更改。当模型更改时,视图将反映更改,反之亦然。  

指示

指令可用于元素名称,属性,类名称以及注释。  

<body>
    <form id="form1" runat="server">
    <div class="container">
        Name:  <input id="Text1" type="text" ng-model="name"/> {{name}}    
    </div>
    </form>
</body>

MVC

模型: 

它包含具有应用程序功能的业务逻辑,并通知视图更改。

视图: 

它呈现模型数据并将用户请求发送到控制器。

控制器:  

它包含一个应用程序行为,并将用户操作映射到模型,选择视图进行响应。

相依性 注射

依赖注入(DI)是一种软件设计模式,用于处理组件如何保持其依赖关系。

筛选器

我们可以使用过滤器格式数据显示给用户。

{{expression | filter_name}}

{{expression | filter1 | filter2 | ...}} 

结论 

本文可帮助您了解AngularJS的基础知识及其功能。 感谢您阅读我的文章。请与我分享您的宝贵意见和建议。 

 


关于作者
Santhakumar Munuswamy是一位经验丰富的解决方案架构师,并且是Cloud / AI解决方案中最有价值的专家。他在解决方案设计,软件产品开发,技术文档,Web和云应用程序的项目管理方面拥有大约14年的经验。他在不同领域(汽车,电信,医疗保健,物流和仓库自动化等)的IT行业经验丰富,担任过技术架构师,Genesys顾问,技术负责人,团队负责人和开发人员。他在指导和指导高潜力开发人员方面经验丰富。

跟着我: 脸书, 推特, 谷歌加, 领英
博客评论由 领英


月份清单

社区徽章