一.【AngularJS常用指令】
        1、ng-app:声明Angular所管辖的区域。一般写在body或html上，原则上一个页面只有一个；
           <body ng-app=""></body>
           
        2、ng-model:把元素值（比如输入域的值）绑定到应用程序的变量中。
           <input type="text" ng-model="name"/>
           
        3、ng-bind:把应用程序变量中的数据绑定到 HTML视图中。可用表达式{{ }}替代；
           <div ng-bind="name"></div>
           <div>{{name}}</div>
           
        4、ng-init:初始化 AngularJS应用程序中的变量。
           <body ng-app="" ng-init="name=123">
               
        5、表达式： {{}} 绑定表达式，可以包含文字、运算符和变量。但表达式在网页加载瞬间会看到{{}},所以可以用ng-bind=""替代
           {{ 5 +""+ 5 + ',Angular'}}
           
  二.【服务Service】
          1、内置服务：
            >>> 使用内置服务,必须在Controller中通过函数的参数注入进来！！！！！
            $location：返回当前页面的 URL地址。
            $http:向服务器发送请求，应用响应服务器传送过来的数据,类似于Ajax
            $timeout：相当于setTimeout();
            $interval：相当于setInterval();

三.AngularJS中，过滤器可以使用一个管道字符（|）添加到表达式和指令中。
         >>> 系统内置过滤器：
         currency    格式化数字为货币格式。
         filter    从数组项中选择一个子集。
         lowercase    格式化字符串为小写。
         orderBy    根据某个表达式排列数组。
         uppercase    格式化字符串为大写。

四  AngularJS中select和表格

使用数组作为数据源。
            其中，x表示数组的每一项。
            默认会将x直接绑定到option的value中。
            而option显示的内容，有前面的x for... 决定
        -->
        <!--<select ng-model="name" ng-options="x.site for x in sites">
        </select>-->
        
        <!--
            使用对象作为数据源.
            其中，(x,y)表示键值对，x为键，y为值。
            默认会将值y绑定到option的value中.
            而option显示的内容，有前面的x for... 决定

AngularJS的相关应用的更多相关文章

  1. AngularJS开发相关配置

    安装步骤: 1. Node.js,下载地址:https://nodejs.org/en/ 2. Git 下载地址:https://git-scm.com/download/ 3. Python (需为 ...

  2. ionic angularJS input 相关指令 以及定时器 的使用

      <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" conte ...

  3. angularjs路由相关知识

    angular.module('app').config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRout ...

  4. AngularJs(v1)相关知识和经验的碎片化记录

    1.利用angular指令监听ng-repeat渲染完成后执行脚本 http://www.cnblogs.com/wangmeijian/p/5141266.html 2.$http的POST请求中请 ...

  5. 使用 AngularJS & NodeJS 实现基于token 的认证应用（转）

    认证是任何 web 应用中不可或缺的一部分.在这个教程中,我们会讨论基于 token 的认证系统以及它和传统的登录系统的不同.这篇教程的末尾,你会看到一个使用 AngularJS 和 NodeJS 构 ...

  6. AngularJS开发指南16：AngularJS构建大型Web应用详解

    AngularJS是由Google创建的一种JS框架,使用它可以扩展应用程序中的HTML功能,从而在web应用程序中使用HTML声明动态内容.在该团队工作的软件工程师Brian Ford近日撰写了一篇 ...

  7. 看AngularJS

    最近一段时间一直在看AngularJS,趁着一点时间总结一下. 官网地址:http://angularjs.org/ 先推荐几个教程 1. AngularJS入门教程 比较基础,是官方Tutorial ...

  8. 使用 AngularJS & NodeJS 实现基于 token 的认证应用

      认证是任何Web应用中不可或缺的一部分.在这个教程中,我们会讨论基于token的认证系统以及它和传统的登录系统的不同.这篇教程的末尾,你会看到一个使用 AngularJS 和 NodeJS 构建的 ...

  9. AngularJS常见面试题

    本文引自:https://segmentfault.com/a/1190000005836443 问题来源:如何衡量一个人的 AngularJS 水平? ng-if 跟 ng-show/hide 的区 ...

随机推荐

  1. 解决ecshop进入后台服务器出现500的问题

    ecshop安装完成以后,前台页面打开正常,但是后台页面大家会出现500错误,看了很多的论坛和网站,删除过top.htm里面的JS代码的,.htaccess文件的修改的,都没有解决,后来找到原因, 原 ...

  2. ubuntu nsight上链接OpenGL

    写一个需要使用OpenGL的程序,右击该程序名,此处需要OpenGL库的程序为Julia-C 右击,选择属性,弹出属性对话框,在左边选择build下的设置,中间窗格中选择GCC C++ Linker下 ...

  3. CSS中清除浮动的方法

    CSS浮动,最早是为了达到文字环绕的效果提出的,也可以用来做布局,但是布局会产生很多问题(高度塌陷,漂浮在普通流上),会使当前标签产生上浮的效果,会影响前后标签,同样的代码在不同的浏览器的兼容性也不一 ...

  4. 【Java 并发】详解 ThreadLocal

    前言 ThreadLocal 主要用来提供线程局部变量,也就是变量只对当前线程可见,本文主要记录一下对于 ThreadLocal 的理解.更多关于 Java 多线程的文章可以转到 这里. 线程局部变量 ...

  5. python之数据结构链表实现方式

    #!/usr/bin/env python # --------------------------------------- # author : Geng Jie # email : gengji ...

  6. js前端获取页面传递的参数

    转载的,先记下: UrlParm = function () { // url参数 var data, index; (function init() { data = []; index = {}; ...

  7. iOS应用的几个阶段

    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launc ...

  8. 6、CC2541修改按键调节广播发送功率例程为持续发送4DB的蓝牙基站

    一.目的 在 OSAL操作系统-实验31 从机广播功率修改-(20141029更新).zip 基础上进行修改,该工程是通过5向按键的上下按键来控制广播功率的加减,总共有4个档位.我们的目的是直接用最高 ...

  9. Java异常处理机制 —— 深入理解与开发应用

    本文为原创博文,严禁转载,侵权必究! Java异常处理机制在日常开发中应用频繁,其最主要的不外乎几个关键字:try.catch.finally.throw.throws,以及各种各样的Exceptio ...

  10. 如何快速将本地项目托管到到github上？

    1,打开你的本地项目文件夹,比如 test-demo: 2,打开github(没有github的要自己注册下), 点击new repository 3,填写项目信息,创建项目 4,复制新建的项目url ...