AngularJS的相关应用

时间:2021-09-15 11:03:38

一.【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... 决定