Angular入门

来源:互联网 发布:双语名著阅读软件 编辑:程序博客网 时间:2024/05/22 17:16

AngularJS是什么?

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

1、程序运行入口:ng-app="模块名字" (根目录)作用:用于启动AngularJS应用程序

当AngularJS程序要运行时,找到了ng-app开始运行  

2、定义angular模块:var app=angular.module("模块名字", []);

3、定义控制器:app.controller("控制器名字",function($scope){

 控制器的参数$scope 是不需要传递数据的,AngularJS会自动给它赋值 $scope上可以挂在数据,用于当前控制器的范围

$scope.name="值";


})

4、通过ng-controller来将控制器和对应的标签进行绑定控制器中的数据,就可以使用在       这个标签的内部了如,

     <div ng-controller="控制器名字"></div>

5、 mustache语法输出变量的数据、进行数据的运算等,但是mustache语法,由于加载       如果缓慢的情况会出现直接将大括号打印到页面上的问题。所以通常项目开发时,         使用ng-bind来代替如,

     {{name}}----<span ng-bind="name"></span>


0 0
原创粉丝点击