跟我学AngularJS(二):正式的来认识下AngularJS

 

AngularJS 实例

爱慕iM

结果:

爱慕iM

实例讲解:

当网页加载完毕,AngularJS 自动开启。

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

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

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

PS:如果你移除了 ng-app 指令,HTML 将直接把表达式显示出来,不会去计算表达式的结果。

AngularJS 指令

正如你所看到的,AngularJS 指令是以 ng 作为前缀的 HTML 属性。

ng-init :指令初始化 AngularJS 应用程序变量。

AngularJS 表达式

AngularJS 表达式写在双大括号内:{{ expression }}。

AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。

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

AngularJS 应用

AngularJS 模块(Module) 定义了 AngularJS 应用。

AngularJS 控制器(Controller) 用于控制 AngularJS 应用。

ng-app指令定义了应用, ng-controller 定义了控制器。

AngularJS 模块定义应用:

var app = angular.module('myApp', []);

AngularJS 控制器控制应用:

app.controller('myCtrl', function($scope){

$scope.firstName= "John";

$scope.lastName= "Doe";

});

 

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

热门产品

php编程基础教程.pptx|php编程培训,php,编程,基础,教程,pptx
php编程基础教程.pptx

历史上的今天:03月03日

2023 PostgreSQL菜鸟教程

2023 PostgreSQL菜鸟教程什么是PostgreSql~~~~~~~~~~PostgreSQL是一个功能强大的开源对象关系型数据库系统,他使用和扩展了SQL语言,并结合了许多安全存储和扩展最复杂数据工作负载的功能。PostgreSQL的起源可以追溯到1986年,作为加州大学伯克利分校POSTGRES项目的一部分,并且在核心平台上进行了30多年的积极开发。PostgresSQL凭借其经过验

10 个CSS小技巧

10 个CSS小技巧CSS 大约有两百个属性。很多属性都是相互关联的,理清楚每一个属性细节是不可能的。所以,本文分享一些有用的 CSS 小技巧,方便开发者和设计师参考。1. 打字效果网页设计变得越来越有创意。在 CSS 动画的协调下,你的网页会像活的一样。在这个例子中,我们将使用 animation 和 @keyframes 属性去实现打字效果。具体来说,在这个演示中,我们通过 steps() 属

HTML/ CSS 入门

HTML/ CSS 入门前言现在我们来学习一些基础的 HTML/ CSS 知识。希望阅读完这篇文章能达到编写简单页面的程度。目录:HTML/ CSS 的发明;HTML 基础;CSS 基础;页面是如何渲染的;Part 1. HTML/ CSS 的发明1989 年 3 月,互联网还只属于少数人。《图解 HTTP》同年,蒂姆·伯纳斯·李(Tim Berners-Lee)提出了一种能让远隔两地的研究者们共

网页设计与制作教程 | CSS基础知识

网页设计与制作教程 | CSS基础知识初识CSS。CSS是Cascading Style Sheets的缩写,中文译名为层叠样式表,它是一种用于控制网页样式并允许将样式信息与网页内容分离的标记性语言。其中的样式指的就是格式,对网页来说,像文字的大小、颜色以及~~~~~~~~~~位置等都是网页显示信息的样式;层叠是指当在HTML文件中同时引用多个定义好的样式文件时,若多个样式文件间定义的样式发生了冲

鲜为人知的CSS实用技巧

鲜为人知的CSS实用技巧今天来看几个鲜为人知但很实用的 CSS 技巧!1. 毛玻璃特效可以使用 CSS 中的 backdrop-filter 属性来实现毛玻璃特效:.login { backdrop-filter: blur(5px);}实现效果如下:backdrop-filter 属性可以为一个元素后面区域添加图形效果(如模糊或颜色偏移)。因为它适用于元素_背后_的所有元素,为了看到

热门专题

小程序开发|微信小程序,小程序开发,小程序,小程序制作,微信小程序开发,小程序公司,小程序开发公司,分销,三级分销系统,分销系统
小程序开发
安徽中源管业有限公司|安徽中源管业有限公司,安徽中源管业有限公司介绍,安徽中源管业有限公司电话,安徽中源管业有限公司地址,安徽中源管业有限公司厂家,安徽中源管业有限公司电力管,安徽中源管业有限公司管材
安徽中源管业有限公司
云南巨榕教育投资集团有限公司|云南巨榕教育投资集团有限公司,巨榕教育集团,巨榕教育
云南巨榕教育投资集团有限公司
一年制中专|中专学历,中专是什么学历,中专是什么,中专有什么专业,中专升大专,一年制中专
一年制中专
易捷尔高职单招|易捷尔高职单招,易捷尔高职单招培训,单招分数线,单招录取分数线,高职单招学校分数线
易捷尔高职单招
中源管业|中源管业,中源管业公司,中源管业有限公司,中源管业电话,中源管业地址,中源管业电力管,中源管业mpp电力管,中源管业cpvc电力管,中源管业pe穿线管
中源管业
卓越综合高中|卓越综合高中
卓越综合高中
昆明综合高中|昆明综合高中
昆明综合高中

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部