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

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

1.Angular JS描述

  Angular JS是通过指令来扩展HTML,带有前缀ng-

    AngularJS 通过内置的指令来为应用添加功能。
    AngularJS 允许你自定义指令。

2.常见指令

  ng-app: 指令初始化一个 AngularJS 应用程序。

  ng-init :指令初始化应用程序数据。
  ng-model :指令把元素值(比如输入域的值)绑定到应用程序。

  ng-repeat:遍历数组或集合数据

3.创建自定义指令

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

  要调用自定义指令,HTML 元素上需要添加自定义指令名。
  使用驼峰法来命名一个指令, runoobDirective, 但在使用它时需要以 - 分割, runoob-directive: 

  调用自定义指令:

    通过元素名调用:例<runoob-directive></runoob-directive>

    通过属性调用:例<div runoob-directive></div>

    通过类名调用:例<div class="runoob-directive"></div>需要指定restrict : "C",

    通过注释调用:例<!-- directive: runoob-directive -->需要指定restrict : "M",

  restrict 值可以是以下几种: (restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令)

    E 作为元素名使用

    A 作为属性使用
    C 作为类名使用
    M 作为注释使用

转载于:https://www.cnblogs.com/-scl/p/7735309.html

你可能感兴趣的文章
类模板 - C++快速入门45
查看>>
[转载]JDK的动态代理深入解析(Proxy,InvocationHandler)
查看>>
centos7 搭建vsftp服务器
查看>>
RijndaelManaged 加密
查看>>
Android 音量调节
查看>>
HTML&CSS基础学习笔记1.28-给网页添加一个css样式
查看>>
windows上面链接使用linux上面的docker daemon
查看>>
Redis事务
查看>>
Web框架和Django基础
查看>>
python中的逻辑操作符
查看>>
关于tomcat下startup.bat双击闪退的问题
查看>>
CSS兼容性常见问题总结
查看>>
HDU 1548 A strange lift (Dijkstra)
查看>>
每天一个小程序—0005题(批量处理图片大小)
查看>>
C# 启动进程和杀死进程
查看>>
tcp实现交互
查看>>
IIS的各种身份验证详细测试
查看>>
JavaScript特效源码(3、菜单特效)
查看>>
聊聊、Zookeeper Linux 单服务
查看>>
Linux常用命令总结
查看>>