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

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

 

 
  1. angularJs模板
    

 

  1. 常见的指令

    1.   ng-model
    2. ng-bind
    3. ng-bind-html
    4. ng-if
    5. ng-show
    6. ng-hide
    7. ng-reapeat
    8. ng-href
    9. ng-src
    10. ng-disable
    11. ng-checked
    12. ng-selected
    13. ng-class
    14. ng-style
  2. .. 下面介绍的是一些比较常见相对复杂一点的
    1. ng-reapeat
          
      {
      {str}}

      (k,v) in data track by $index 可分别输出key,value

      str的值会是选中option中标签里面的内容

    2. ng-cloak
      解决数据未加载是出现的双括号{
      {}},对含有那个数据属性的块为加载数据之前为隐藏

      {

      {'asdada'+'dads'}}

       

    3. ng-class

      7     15 16 17 
      20
      21

      我是内容

      22 23
      26 27

       

    4. ng-style 

      1
      <
      p
      ng-style={'color':'red'}>53456</
      p
      >

        

    5.  

      ng-selected

      1
      <
      option
      value="red" ng-selected='true'>红</
      option
      >

        

    6. ng-switch

      我是red
      我是yellow
      我是blue
      我没被选

       

    7. ng-cheched='str'

      这里的str不会将数据返回$scope只吧数据返回视图

          

      是否全选

      • 选项01
      • 选项02
      • 选项03
      • 选项04
      • 选项05
      {
      {str}}

       

       

转载于:https://www.cnblogs.com/aqigogogo/p/6745336.html

你可能感兴趣的文章
【重温基础】18.相等性判断
查看>>
一篇文章入门SQL语句
查看>>
【跃迁之路】【709天】程序员高效学习方法论探索系列(实验阶段466-2019.1.30)...
查看>>
Spring5:@Autowired注解、@Resource注解和@Service注解
查看>>
vue系列之双向绑定&vDom总结
查看>>
引用变量
查看>>
学习笔记PHP02、PHP的下载与安装
查看>>
vue项目中获取外部js,并使用其中方法
查看>>
使用 canvas 绘图
查看>>
Express 文档(Express生成器)
查看>>
【C++】 41_类型转换函数 (上)
查看>>
SEER见证人操作指南
查看>>
函数式编程中的组合子
查看>>
linux-node开发的部署方式--PM2
查看>>
JavaScript面向对象OOM 2(JavaScript 创建对象的工厂模式和构造函数模式)
查看>>
【ES6入门10】:Proxy和Reflect
查看>>
angular前后端分离部署
查看>>
Anaconda:安装或更新 Python 第三方包
查看>>
Java中线程的5种状态
查看>>
Node.js 指南(阻塞与非阻塞概述)
查看>>