您的位置：首页 > Web前端 > AngularJS

Angularjs 初级 简单介绍

2017-04-26 19:12 281 查看
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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  angularjs 前端 框架 模块化
相关文章推荐
新的分享
章节导航