Angularjs 初级简单介绍

最新推荐文章于 2024-07-26 15:05:55 发布

狼行千里d

最新推荐文章于 2024-07-26 15:05:55 发布

阅读量322

点赞数 1

文章标签： angularjs 前端框架模块化

本文链接：https://blog.csdn.net/wq656774/article/details/70821115

版权

AngularJs是一个基于MVC处理模式，实现了MVVM数据双向绑定的用于开发动态web项目的框架。

Angularjs是一款优秀的前端JS框架，AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

使用步骤：1. 程序运行入口，加载myApp模块 ng-app="myApp"
    2. 定义模块 var app=angular.module("myApp", []);
   3.定义控制器 app.controller("myCtrl", function($scope){});
   4. $scope上可以挂在数据，用于当前控制器的范围 $scope.hello = "值";
5. 通过ng-controller来将控制器和对应的标签绑定<div ng-controller="myCtrl" > </div>

6. 用于输出变量的数据、进行数据的运算 <span ng-bind="name"></sapn>

例：

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>AngularJS Hello World!</title>
<script src="js/lib/AngularJS/angular.min.js"></script>
</head>
<body>
<div ng-controller="myCtrl">
<span ng-bind="name"> </span>
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope){
$scope.name ="Angularjs简单介绍"
});
</script>
</body>
</html>

狼行千里d

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angularjs 初级简单介绍

Angularjs是一款优秀的前端JS框架，AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。使用步骤：1. 程序运行入口，加载myApp模块 ng-app="myApp" 2. 定义模块 var app=angular.module("myApp", [
复制链接

扫一扫