AngularJS基础教程之简单介绍

JavaScript 2018-12-31

　　AngularJS是一个JavaScript框架。它可以通过

Name:

示例说明：

　　当页面加载完成时AngularJS自动开始执行。

　　ng-app指令告诉AngularJS它所在的

元素是AngularJS Application的根元素。

　　ng-model指令将input标签的值绑定给变量name。

　　ng-bind指令将变量name的值绑定给

元素的innerHTML属性。

　　就如你所看到的，AngularJS指令就是一组以ng开头的HTML属性。

　　通过ng-init指令可以将AngularJS Application的变量进行初始化。

The name is

等效的代码：

The name is

Note你可以使用前缀data-ng-来代替ng-，这样可以确保页面上的HTML是有效的（valid）。　　在后面的章节中你将会学习到更多的AngularJS指令。

　　AngularJS表达式写在双大括号中：{{ 表达式语句 }}。

　　AngularJS会准确地将表达式“输出”为计算的结果，例如：

Name:

　　在后面的章节中你将会学习到更多有关AngularJS表达式的内容。

　　AngularJS模块定义了AngularJS Applications。

　　AngularJS控制器则控制着AngularJS Applications的行为。

　　ng-app指令用于指定application，而ng-controller指令则用来指定控制器。

First Name: <input type="text" ng-model="firstName">

Last Name: <input type="text" ng-model="lastName">

Full Name: {{firstName + " " + lastName}}

　　AngularJS模块定义applications：

app.controller('myCtrl',function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
});

　　在后面的章节中你将会学习到更多有关模块和控制器的内容。

事件冒泡和事件捕获起因：今天在封装一个bind函数的时候，发现el.addEventListener函数支持第三个参数...

js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型，number类型相当于其他强类型语言...

什么是跨域跨域：广义的跨域包含一下内容： 1.资源跳转（链接跳转，重定向跳转，表单提交） 2.资源...

@ "TOC" 常见对base64的认知(不完全正确) 首先对base64常见的认知，也是须知的必须有...

搞懂：MVVM模式和Vue中的MVVM模式 MVVM MVVM ：的缩写，说都能直接说出来：模型，：视图，：视图模...

js实现横向跑马灯效果

首先我们需要一个html代码的框架如下：我们的目的是实现ul中的内容进行横向的一点一点滚动。ul中的内容...

相关文章