博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJs 指令
阅读量:6772 次
发布时间:2019-06-26

本文共 1497 字,大约阅读时间需要 4 分钟。

AngularJs 指令:是带有ng前缀的HTML属性;内置属性为应用添加功能;允许自定义指令。

ng-app指令:初始化一个AngularJs应用程序;

      一个网页可以包含多个运行在不同元素中的AngularJs应用程序

ng-init指令:初始化应用程序数据;---在网页加载完毕时会自动初始化应用程序

ng-model指令:讲述输入域的值绑定到应用程序;

ng-repeat指令:对于集合中(数组中)的每一项都会克隆一次HTML元素;

爱好:

  • {
    {x.habbit}}

ng-model指令作用:

  1.可以为应用程序提供类型验证(number、email、required).

  2.为应用程序数据提供状态.

  3.为HTML元素提供CSS类.

  4.绑定HTML元素到HTML表单.

AngularJs 数据绑定:同步了AngularJs表达式与AngularJs数据

姓名:{

{firstName}}

{

{firstName}}是通过ng-model="firstName"进行同步的;

总计:{

{quantity * price}}元

AngularJs 创建自定义指令

自定义指令---使用.directive函数来添加自定义指令.

要调用自定义指令, HTML元素上需要添加自定义指令名.

使用驼峰命名法来命名一个指令---oldstreetDirective,但是在使用他的时候需要用-分割---oldstreet-directive;

爱好:

  • {
    {x.habbit}}

自定义指令的限制使用 

通过添加restrict属性,并设置值为“A”,来设置指令只能通过属性的方式来调用

爱好:

  • {
    {x.habbit}}

restrict 的值可以是以下几种:

E---作为元素名使用;

A---作为属性使用;

C---作为类名使用;

M---作为注释使用;

restrict 默认值是EA,即可以通过元素名和属性名来调用指令.

调用方式分别为:

元素名    
属性
类名
注释

 

转载于:https://www.cnblogs.com/old-street-hehe/p/6729214.html

你可能感兴趣的文章
腾讯与华为数据之争谈物联网大数据发展之困
查看>>
CNCC 2016 | 山世光:深度化的人脸检测与识别技术—进展与展望
查看>>
Snapchat如何突出重围?
查看>>
一文详解 Word2vec 之 Skip-Gram 模型(结构篇)
查看>>
《高性能Linux服务器构建实战》——1.1节什么是Nginx
查看>>
从历史上的错误数据中吸取教训
查看>>
新加坡零售企业Decks采用RFID技术管理库存及交易过程
查看>>
Silverlight+WCF 新手实例 象棋 获取房间状态列表更新(二十一)
查看>>
探访中缅边境的大数据管理局
查看>>
Mozilla宣布彻底停止Firefox OS的开发
查看>>
作用明显 智能交通中视频监控系必不可少
查看>>
浪潮和思科联合 华为、新华三怎么看?
查看>>
Android测试驱动开发实践
查看>>
python的单元测试框架nose的安装
查看>>
CRM(客户关系管理)的大数据时代
查看>>
简单十步让你全面理解SQL
查看>>
大数据助力互联网金融
查看>>
从思路开始 Java如何实现条件编译
查看>>
日本Systems Support公司推出UHF手持读取器,读取距离长达20m
查看>>
新型智慧城市:以信息为基础的精确化管理
查看>>