angular.js 入门基础

1 angular.js 由google 开发，目前最新版本 2.0版；

2 angular.js 在原有HTML 语法基础上 允许扩展。   使用 {{}} 语法对数据进行动态绑定

3 搭建开发 angular.js 开发环境

在Angular 的官方网站  http://angularjs.org 中下载 最新版本的Angular 文件库

4开发简单的Angular应用

引用Angular 库

<script src="Scripts/angular-1.4.0-rc.2/angular-1.4.0-rc.2/angular.js" type="text/javascript"></script>

5代码示例

<!DOCTYPE html>
<html ng-app>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="Scripts/angular-1.4.0-rc.2/angular-1.4.0-rc.2/angular.js" type="text/javascript"></script>
</head>

<body>
{{‘hello angular‘}}
</body>
</html>

运行效果

时间： 2024-12-09 17:27:29

angular.js 入门基础的相关文章

angular学习-入门基础

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Angular.js入门(1)

1.Angular优点     1. 模板功能强大丰富,并且是声明式的,自带了丰富的Angular指令:    2. 是一个比较完善的前端MVC框架,包含模板,数据双向绑定,路由,模块化,服务,过滤器,依赖注入等所有功能:    3. 自定义Directive,比jQuery插件还灵活,但是需要深入了解Directive的一些特性.    4. ng模块化比较大胆的引入了Java的一些东西(依赖注入),能够很容易的写出可复用的代码,对于敏捷开发的团队来说非常有帮助,我们的项目从上线到目前,UI变

js入门基础

一. 引入JS文件: <script src="script.js"></script> 函数使用: <input type="button"  value= "点击我" onclick="context()"/> 二. js互动: 1.输出内容: 直接输出:document.write("I like js"); 通过变量输出: var mystr = "he

JS入门基础（if else 与 switch case / node安装）

在 JavaScript 中,为不同的决定来执行不同的动作,我们可使用以下条件语句: if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码 if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行 switch 语句 - 使用该语句来选择多个代码块之一来执行 多重判断(if..else嵌套语句) if(条件1) { 条件1成立时执行的代码} else

React.js入门基础一

React A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES 下面是为什么在你选择之前需要再考虑一下:(摘录) 一开始 React 会极大地减慢你的开发.理解props.state以及组件通信如何工作并不是很简单,并且文档信息错综复杂.理论上,这将会被克服,你的整个团队都上道之后,开发速度上就会有一个很大的提升. React 不支持 IE8 以下的任何浏览器,以后也绝不会. 如果你的应用/站点不需要频繁的动态页面更新,你可能为了很小的功能而编写大

Angular.js入门教程

简单介绍 AngularJS是为了克服HTML在构建应用上的不足而设计的.首先Html是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了. 通常,我们可以通过以下技术来解决决静态网页技术在构建动态应用上的不足: 1.类库 - 类库是一些函数的集合,它能帮助你写WEB应用.起主导作用的是你的代码,由你来决定何时使用类库.例如jQuery等 2.框架 - 框架是一种特殊的.已经实现了的WEB应用,你只需要对它填充具体的业务逻辑.这里框架是起主导作用的,由它来根据具体的应

js入门基础7-2 （求模-隔行变色）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>隔行变色</title> <script> window.onload = function () { var aLi = document.getElementsByTagName('li'); for (var i = 0; i < aLi.length; i++) { if

angular js使用记录

jquery本身并不是框架,而仅仅是一个操作dom的工具,它的核心是操作dom; 目前较火的前端框架:backbone.angularjs.react.avalon.vue; angularjs是由google开发的框架并进行维护,特别针对SPA(单页面)应用开发的框架,但不支持按需加载; MV*; mvvm框架 达到视图与逻辑(模块)同时绑定,同时更新: 1.ng-app——指令,使文档具有angularjs的能力(视图与逻辑混合); angular的核心就是视图与逻辑的同时绑定.同时更新;

Vuejs入门基础笔记

首先说明下 本文来自于学习慕课网: vue.js入门基础的学习心得,体会,笔记. 1.从 .vue到页面 通过蓝色部分的脚手架工具我们实现vue的界面的展示.其中蓝色部分的技术细节我们可以不用关注.我们需要关注的是绿色部分的实现. 其中绿色部分的.js就是我们的数据层,也就是module模块.而html和css主要负责页面的元素展示以及css效果. 我们需要关注的,是如下图的三个部分,下图是vue的一个组件具体由哪三个部分组成: 2.vue的一些重要的组件总结和示例: 3.vue的基础框架 4.