素材巴巴 > 程序开发 >

AngularJs学习(1)[控制器,过滤器]

程序开发 2023-09-13 20:24:33

http://www.runoob.com/angularjs/angularjs-expressions.html学习文档

AngularJs是一个Javascript框架,是一个用js编写的库。引入库

< script src= "http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js" > < / script >

1、一个简单的例子:


其中:

        ng-app 指令告诉 AngularJS, 元素是 AngularJS 应用程序 的"所有者"。

        ng-model 指令把输入域的值绑定到应用程序变量 name。

        ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。

如果:去掉了ng-app,那么内容会直接显示出俩,不会正确执行代码

一、AngularJs是什么?

        ***AngularJs把应用和程序数据绑定到HTML元素

        ***AngularJs可以克隆和复制HTML元素

        ***AngularJs可以隐藏和显示HTML元素

        ***AngularJs可以在HTML元素背后“添加代码”

        ***AngularJs支持验证输入

二、AngularJs表达式:

        ***AngularJs在双大括号内:{{ expression }}

        ***AngularJs把数据绑定到HTML,这与ng-bind指令异曲同工

        ***AngularJs将表达式书写的位置输出数据

        ***AngularJs表达式和js表达式很像,可以是文字运算符和变量

        实例:{{5+5}}或者{{firstName+""+lastName}}

      结果: 

三、AngularJs模块应用

        ***AngularJs模块(module)定义了AngularJs应用

        ***AngularJs控制器(controller)用于控制AngularJs应用

        ***ng-app指明了应用,ng-controller指明了控制器


姓:
名:
姓名:朱珠你好

四、AngularJs模块应用

字符串:      结果: 

数组:

    结果: 

Javascript与AngularJs的区别:

类似于 JavaScript 表达式


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。