zoukankan      html  css  js  c++  java
  • angularJs 学习笔记

    ng-app="" 定义了angularJS的使用范围

    eg:

    ng-model="变量" 定义变量名

    eg:

    ng-init 指令初始化AngularJs应用程序变量

    eg:

    ng-bind 指令把变量绑定到某个段落的innerHTML

    eg:

         

    ng-repeat 指令会重复一个html元素

    eg:

    依次输出names数组中的值

    ng-disabled指令 直接绑定应用程序数据到html的disabled属性

    ng-show指令 隐藏或显示一个html元素 ng-show=ture  为可见 ng-show=false 为不可见

    ng-click指令 定义了AngularJs点击事件

    AngularJs 表达式写在双大括号内 {{expression}}

    eg:

           输出结果10

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

     eg: 

     restrictde 的值有四种 

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

    ng-controller="myCtrl“ 用于定义一个控制器

     双向绑定 在修改输入域的值时,AngularJs属性的值也将修改

     eg:

     AngularJs 过滤器可以使用管道字符(|)添加到表达式和指令中

     eg:currency  格式化数字为货币格式 

          

    scope (作用域)是应用在html和js之间的纽带 为一个属性 有可用的方法和属性

    $scope可以做为一个参数传递

    eg:

    $rootScope 根作用域 可以作用在ng-app指令包含的所有html元素中

     AngularJs服务

     $location服务 可以返回当前页面的url地址

     

     $http服务 服务向服务器发送请求,应用响应服务器传送过来的数据

     eg

    $timeout 函数 对应js的window.setTimeout函数

    使用ng-options创建选择框

    eg:  

  • 相关阅读:
    Three.js源码阅读笔记4
    算法导论11.动态规划上
    leetcode刷题笔录1
    JavaScript的模块化:封装(闭包),继承(原型)
    leetcode刷题笔录5
    算法导论1.排序算法
    算法导论3.递归部分习题选
    Three.js Demo源码分析1.MorphTargets与BufferGeometry
    算法导论10.顺序统计树与区间树习题
    算法导论4.随机快速排序与线性时间排序
  • 原文地址:https://www.cnblogs.com/cy1121/p/6951703.html
Copyright © 2011-2022 走看看