AngularJS使用笔记

最新推荐文章于 2024-08-10 07:13:33 发布

风景与你

最新推荐文章于 2024-08-10 07:13:33 发布

阅读量382

点赞数

分类专栏：笔记文章标签： AngularJS 前端框架

本文链接：https://blog.csdn.net/weixin_43524910/article/details/103496045

版权

本文详细介绍了AngularJS的核心特性，包括MVC模式、模块化、数据双向绑定、依赖注入和语义化标签。通过实例展示了AngularJS的常用指令、事件、服务和全局API的使用，并提供了使用步骤。此外，还提及了select2的选择器集成和使用注意事项。

摘要由CSDN通过智能技术生成

简介

这是一个优秀的前段js框架，他的优点在于拥有五大核心框架：MVC模式、模块化、数据的双向绑定、依赖注入、语义化标签。
它可以通过指令“ng-xxx”扩展html，还可以通过表达式“{ {}}”绑定数据到html页面。

mvc的设计模式，将程序进行分层，提高了js程序的可维护性、可移植性、可扩展性与可重用性，降低了程序的开发难度。

定义module实现模块化，提高了程序的重用性。angularJS定义的模块可以引入其它模块，增加了程序的扩展性。

// 定义一个无引用模块
var app = angular.module('myAngular',[]);
// 定义一个引用模块,多个引用之间用逗号隔开
var app = augular.module('myAngular2',['pagenation','...', ...]);

双向绑定是指在视图html中数据和js中数据之间形成实时的联系，不管任何哪一方发生改变另一方也随即发生改变。
栗：

<html>
	<body>
		<!-- 当js中$scope.name发生变换input中内容也随即改变 -->
		<input type="text" ng-model="name"/>
	</body>
</html>

<script>
	// 当上面input中内容变化后js中的数据也会随即改变。
	alert($scope.name);
	$scope

关注

专栏目录