Rumah > hujung hadapan web > tutorial js > angularjs是什么?angularjs的详细解释(内附实例)

angularjs是什么?angularjs的详细解释(内附实例)

寻∝梦
Lepaskan: 2018-09-08 11:18:15
asal
1738 orang telah melayarinya

本篇文章主要的介绍了关于angularjs的介绍,让大家明白什么是angularjs,需要了解angularjs哪些内容都在文章里,现在就让我们一起来阅读本篇文章吧

在学习angularjs之前首先我们需要了解一下什么是angularjs?

1、angularjs是专门为应用程序设计的HTML。

a:angularjs把应用程序数据绑定到了html中。

b:angularjs可以克隆和重复html。

c:angularjs可以隐藏和显示html。

d:angularjs可以在html元素中添加代码。

e:angularjs支持输入验证。

angularjs是Javascript的框架,它是通过指令扩展了html,通过表达式绑定数据到html中。在angularjs中设置了很多的指令,我们可以通过这些指令就能很轻松的完成复杂的任务。

什么是angularjs指令:

angularjs指令是以ng作为前缀的html属性。

例如:

<p ng-app=""></p>
Salin selepas log masuk

ng-app指令定义了一个angularjs应用程序。(ng-app告诉angularjs,

元素时angularjs应用程序的“所有者”,也就是说我们后续使用angularjs中所有的方法,指令等都是在这个“所有者”中完成。)(想看更多就到PHP中文网AngularJS开发手册中学习)

angularjs表达式:

angularjs表达式是写在双大括号内的:{{ }}。

angularjs表达式把数据绑定到html上。

angularjs将在表达式书写的位置“输出”数据。(也就是说{{ }}中就是用来显示输出的数据)。

angularjs中表达式可以包含文字,运算符或定义的函数名,变量等。

例如:

{{1 * 2}}、{{myFunction()}}、{{firstName + " " + lastName}}

angularjs应用

angularjs模块(module)定义了angularjs的应用

angularjs控制器(controller)用于控制angularjs应用

例如:

<p ng-app="myApp">
<p ng-controller="myCtrl"></p>
</p>
<script>
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){// 定义属性的值,传入视图层的表达式中。});
</script>
Salin selepas log masuk

angularjs模块定义应用:

var app = angular.module("myApp",[]);
Salin selepas log masuk

angularjs控制器控制应用:

app.controller("",function($scope){// 定义属性的值,传入视图层的表达式中。});
Salin selepas log masuk

注意:在angular中定义模块与控制器是不可或缺。

好了,本篇文章到这就结束了(想看更多就到PHP中文网AngularJS使用手册中学习),有问题的可以在下方留言提问。

Atas ialah kandungan terperinci angularjs是什么?angularjs的详细解释(内附实例). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Isu terkini
Bolehkah sesiapa membantu saya melihat?
daripada 1970-01-01 08:00:00
0
0
0
Komposer tidak boleh memasang laravel
daripada 1970-01-01 08:00:00
0
0
0
pemasangan komposer gagal
daripada 1970-01-01 08:00:00
0
0
0
homestead - ralat laporan aplikasi baharu laravel
daripada 1970-01-01 08:00:00
0
0
0
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan