AngularJs简介
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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.
以上是关于AngularJs简介的主要内容，如果未能解决你的问题，请参考以下文章
从 AngularJS url 中删除片段标识符（# 符号）