一.【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. JS清除DIV的选中状态

    var clearSlct = "getSelection" in window ? function () { window.getSelection().removeAllRa ...

  2. nvcc编译器选项及配置

    nvcc命令选项: 选项命令有长名和短名,通常我们使用是用短名,长名主要用于描述. 1．指定编译阶段 主要指定编译的阶段以及要编译的输入文件. -cuda  -cubin  -fatbin  -ptx ...

  3. 无图无定位新版css步骤条兼容ie6+

    <ul class="ui-step list-unstyled"> <li class="step-item"><b class ...

  4. [AndroidTips]startService与bindService的区别

    Service的生命周期方法比Activity少一些,只有onCreate, onStart, onDestroy我们有两种方式启动一个Service,他们对Service生命周期的影响是不一样的. ...

  5. 解决Appium无元素可选的如何定位

    1.首先我们看看要定位的东西,我要定位的就是折让率上图自己看 写代码:   AndroidElement element = driver.findElementByAndroidUIAutomato ...

  6. 程序猿 tensorflow 入门开发及人工智能实战

    tensorflow 中文文档: http://www.tensorfly.cn http://wiki.jikexueyuan.com/project/tensorflow-zh/ tensorfl ...

  7. 按条件生成j随机json包：randomjson

    前端开发中,在做前后端分离的时候,经常需要手写json数据,有2个问题特别揪心: 1,数据是写死的,不能按一定的条件随机生成长度不一,内容不一的数据 2,写数组的时候,如果有很多条,需要一条一条地写, ...

  8. ng自定义一个过滤器

    ng允许我们自定义指令 下面来我们自己来定义一个过滤指令:filter,返回一个函数的形式 filter(name,callback(){//name:过滤器的名字,callback:匿名函数 ret ...

  9. Gson解析复杂的Bean类实现Parcelable

    import java.util.ArrayList; import android.os.Parcel; import android.os.Parcelable; import android.s ...

  10. Git基本操作命令2

    git本地仓库同步到远程仓库上 $ git remote add origin http://github.com/powfulCsharp/NuUserControl.git $ git push ...