首页 > 代码库 > AngularJs简介

AngularJs简介

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

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

Angular是一个javascript框架

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

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

<script src="http://www.mamicode.com/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="http://www.mamicode.com/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.

AngularJs简介