• AngularJS的相关应用


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

  • 相关阅读:
    痞子衡嵌入式:利用i.MXRT1060,1010上新增的FlexSPI地址重映射(Remap)功能可安全OTA
    “既生 ExecutorService, 何生 CompletionService?”
    55
    .map() is not a function【js报错】
    内网穿透之流量代理转发
    JDK8 String类知识总结
    Java并发编程(07):Fork/Join框架机制详解
    数据源管理 | 分布式NoSQL系统,Cassandra集群管理
    Solon详解(三)- Solon的web开发
    Solon详解(二)- Solon的核心
  • 原文地址:https://www.cnblogs.com/dsmf/p/6822774.html
Copyright © 2020-2023  润新知