• AngularJs简介


    AngualrJs是一个javascript框架,它通过<script>标签加到HTML页面中。

    Angular通过指令拓展了HTML,且通过表达式绑定数据到HTML。

    Angular是一个javascript框架

    Angular是一个javascript框架。它是一个以javascript编写的库。

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

    <script src="dist/angular/angular.min.js"></script>

    各个angular.js版本下载:https://github.com/angular/angular.js/rellaeases

    AngularJs拓展了HTML

    AngularJs通过ng-directives扩展了HTML。

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

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

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

    angular实例

     1 <!DOCTYPE html>
     2 <html lang="en" ng-app="mk">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title></title>
     6     <style>
     7         * {
     8             margin: 0;
     9             padding: 0;
    10             list-style: none;
    11         }
    12     </style>
    13     <script src="angular.min.js"></script>
    14     <script>
    15         var app = angular.module('mk',[]);
    16         app.controller('buyCar',function($scope){
    17             $scope.a = 12;
    18         });
    19     </script>
    20 </head>
    21 <body>
    22 <div ng-controller="buyCar">
    23     <input type="text" ng-model="a"><br/>
    24     <input type="text" ng-model="a">
    25 </div>
    26 </body>
    27 </html>

    实例讲解:

    当网页加载完毕,AngularJs自动开启。

    ng-app指令告诉AngularJs,html是angularJs应用程序的“所有者”。

    ng-model指令把输入框的值绑定到变量a。

    ng-bind/{{}}指令把应用程序变量a绑定到某个段落的innerHTML.

  • 相关阅读:
    phonegap
    iOS8以前与iOS8使用CoreLocation定位
    phonegap调用摄像头
    js与nativede 通信
    大数据基础---Spring+Mybatis+Phoenix整合
    大数据基础---Hbase的SQL中间层_Phoenix
    大数据基础---Hbase容灾与备份
    大数据基础---Hbase协处理器详解
    大数据基础---Hbase 过滤器详解
    大数据基础---Hive数据查询详解
  • 原文地址:https://www.cnblogs.com/4thmonth/p/6986950.html
Copyright © 2020-2023  润新知