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

  • 相关阅读:
    Anniversary party(树形DP入门)
    Neither shaken nor stirred(DFS理解+vector存图)
    统计单词数
    洛谷---三连击
    Educational Codeforces Round 68 (Rated for Div. 2)---B
    HDU-1201--18岁生日
    HDU-盐水的故事
    Flower(规律+逆向思维)
    The puzzle
    XOR Clique(按位异或)
  • 原文地址:https://www.cnblogs.com/4thmonth/p/6986950.html
Copyright © 2011-2022 走看看