Angularjs初识及其特性

原创于 2016-10-12 22:03:43 发布 · 458 阅读

0 ·

CC 4.0 BY-SA版权

Angularjs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了AngularJS这一JavaScript框架的主要特点，包括MVC模型、模块化、指令系统及双向数据绑定，并通过具体示例展示了这些特性的实际应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Angularjs是一个javascript框架，其特点：

1，MVC模型 2，模块化 3，指令系统 4，双向数据绑定

一，MVC框架
实例演示：两个文件（html和js）
html中：<html ng-app>
..<div ng-controller="helloAngular"> //controller在js中实现
<p>{{hello}},cyan</p> //实现view，{{}}实现module
</div>
..引入angularjs文件和js文件
js中：function helloAngular($scope){
$scope.hello={
text:'hello'
};
}
二，模块化
实例演示：两个文件（html和js）
html中：<html ng-app="myModule"> //写module名
..<div ng-controller="helloAngular">
{{hello}},cyan
</div>
..引入angularjs文件和js文件
js中： var mymodule=angular.Module("myModule",[])； //定义module
mymodule.controller("helloAngular"['$scope',
function helloAngular($scope){
$scope.hello={
text:'hello'
};
}])
三，标签系统
实例演示：两个文件（html和js）
html中：<html ng-app="myModule">
..<hello></hello> //使用标签
..引入angularjs文件和js文件
js中： var mymodule=angular.Module("myModule",[])； //定义module
mymodule.derictive("hello",function(){ //定义标签
return{
rescrict:'E',
template:'<div>hello ,cyan</div>',
replace:true
};
}])