zoukankan      html  css  js  c++  java
  • 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... 决定

  • 相关阅读:
    自定义标签——带属性的标签
    自定义标签——第一个自定义标签
    实例练习----电影天堂抓取下载链接
    自定义标签异常错误汇总
    JSp动作指令
    ASP.NET MVC下使用文件上传和IIS7下的默认设置限制了上传大小的方法
    ::before和::after 常见的用法
    .net平台性能很不错的轻型ORM类Dapper
    jQuery插件之ajaxFileUpload
    SSE:服务器发送事件,使用长链接进行通讯 基础学习
  • 原文地址:https://www.cnblogs.com/dsmf/p/6822774.html
Copyright © 2011-2022 走看看