angular学习(七)—— Template

前端之家收集整理的这篇文章主要介绍了angular学习(七)—— Template前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

转载请写明来源地址:http://www.jb51.cc/article/p-kxkdolwp-bph.html

在Angular中,模板是包含一些特定元素和属性的HTML,Angular将模板结合模型和控制器的信息在浏览器中以动态视图的形式呈现给用户

下面是你可以使用的angular元素和属性

  • Directive — 增强现有的DOM元素或者展现可重复的DOM组件
  • Markup — 双大括号是angular的内置标记,将表达式和元素绑定
  • Filter — 格式化数据用于显示
  • Form controls — 用于验证用户输入

    下面代码是一个带有指令和双大括号表达式的模板

<html ng-app> <!-- Body 标签扩展了ngController指令 --> <body ng-controller="MyController"> <input ng-model="foo" value="bar"> <!-- Button标签扩展了ngClick指令,双大括号字符串表达式buttonText --> <button ng-click="changeFoo()">{{buttonText}}</button> <script src="angular.js"> </body> </html>

简单的app只需要一个html文件,里面的模板由HTML,CSS,和angular指令构成。

复杂一点的app,你可以在一个主页面通过partials显示不同的视图(partials是一个单独的html文件文件内容是模板段),你也可以用ngView指令加载partials,这些partials由$route服务配置。




如果我的文章对您有帮助,请用支付宝打赏:

原文链接:https://www.f2er.com/angularjs/148276.html

猜你在找的Angularjs相关文章