zoukankan      html  css  js  c++  java
  • AngularJS 菜鸟

    AngualrJS是 JavaScript框架。

    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

    AngularJS扩展了html

    AngularJS通过ng-directives扩展了html:比如:

    ng-app指令定义了一个angular的应用程序。

    ng-model指令把元素值绑定到应用程序。

    ng-bind指令把应用程序数据绑定到html视图。

    什么是 AngularJS?

    AngularJS 使得开发现代的单页面应用程序(SPAs:Single Page Applications)变得更加容易。

    • AngularJS 把应用程序数据绑定到 HTML 元素。
    • AngularJS 可以克隆和重复 HTML 元素。
    • AngularJS 可以隐藏和显示 HTML 元素。
    • AngularJS 可以在 HTML 元素"背后"添加代码。
    • AngularJS 支持输入验证。

    AngularJS 表达式

      AngularJS 表达式写在双大括号内:{{ expression }}。

      AngularJS 表达式把数据绑定到 HTML,这 ng-bind 指令有异曲同工之妙。或用{{}}或用ng-bind

      AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

      <div ng-init="x=1;y=5">
                <p>总价:{{x*y}}</p>    
                <p ng-bind="x*y"></p>
          </div>

      带有对象的表达式、带有数组的表达式……

      <div ng-init="person={name:'li',age:'18'}">
                {{person.age}}
            </div>

    AngularJS 过滤器

      currency 格式化数字为货币格式。

      filter 从数组项中选择一个子集。

      lowercase 格式化字符串为小写。

      orderBy 根据某个表达式排列数组。

      uppercase  格式化字符串为大写。

  • 相关阅读:
    3.2 Lucene实战:一个简单的小程序
    3.3 Lucene检索原理
    3.1 Java以及Lucene的安装与配置
    1.2 垂直搜索引擎的框架设计
    【lucene系列学习】排序
    【lucene系列学习】BooleanQuery
    【算法系列学习】codeforces D. Mike and distribution 二维贪心
    【算法系列学习】codeforces C. Mike and gcd problem
    【算法系列学习】HDU 5527 Too Rich贪心
    JavaScript实现数组转置
  • 原文地址:https://www.cnblogs.com/cxying93/p/6110605.html
Copyright © 2011-2022 走看看