zoukankan      html  css  js  c++  java
  • AngularJS基础

    首先,AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

    AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:

    <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>

    AngularJS 通过 ng-directives 扩展了 HTML。

    ng-app 指令定义一个 AngularJS 应用程序。

    ng-init 指令初始化 AngularJS 应用程序变量。

    ng-model 指令把元素值(比如输入域的值)绑定到应用程序。

    ng-bind 指令把应用程序数据绑定到 HTML 视图。

    例子:

     1 <div ng-app="">
     2  
     3 <p>在输入框中尝试输入:</p>
     4 <p>
     5     姓名: <input type="text" ng-model="name"><br>
     6     姓名: <input type="text" ng-model="name">
     7     </p>
     8 <p ng-bind="name"></p>
     9
    10 </div>

    上诉代码中,div(ng-app)就是angular js应用程序的所有者,input(ng-model)的应用程序的值绑定到变量name上,p(ng-bind)再把值绑定到p
    标签的innerhtml。

    Angular JS能干什么:

    AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。

    • AngularJS 把应用程序数据绑定到 HTML 元素。
    • AngularJS 可以克隆和重复 HTML 元素。
    • AngularJS 可以隐藏和显示 HTML 元素。
    • AngularJS 可以在 HTML 元素"背后"添加代码。
    • AngularJS 支持输入验证。

    AngularJS表达式:

    AngularJS 表达式写在双大括号内:{{ expression }}

    AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。

    AngularJS 将在表达式书写的位置"输出"数据。

    AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。

    例如:<p>AngularJS表达式 : {{10*20}}</p>
    输出:200
     
    AngularJS应用:

    AngularJS 模块(Module) 定义了 AngularJS 应用。

    AngularJS 控制器(Controller) 用于控制 AngularJS 应用。

    ng-app指令定义了应用, ng-controller 定义了控制器。

    AngularJS 模块定义应用:

    var app = angular.module('myApp', []);

    AngularJS 控制器控制应用:

    app.controller('myCtrl', function($scope) {
        $scope.firstName= "John";
        $scope.lastName= "Doe";
    });
    努力吧,为了媳妇儿,为了家。。。
  • 相关阅读:
    知识点小结
    体检套餐
    序列化和反序列化
    深入.NET平台的软件系统分层开发
    深入.NET平台和C#编程
    影院售票系统
    面向服务(接口)开发过程中常用的实体类数据复制解决方案
    EF优缺点的理解
    事务锁兼容性
    ASP.NET列表信息以Excel形式导出
  • 原文地址:https://www.cnblogs.com/jlj9520/p/4991804.html
Copyright © 2011-2022 走看看