第一个AngularJS Sample

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
    <meta charset="utf-8">
    <script src="angular1.4.6.min.js"></script>  <!--  这是本地库，网络库可用 https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js -->
 </head>

 <body ng-app=""> <!-- 注意：《AngularJS即学即用》一书样例里没有 ng-app="" 这部分所以效果出不来 -->
  <h1>Hello {{1+2}}</h1>
 </body>
</html>

效果：

代码下载：

https://files.cnblogs.com/files/xiandedanteng/angularjsSample01.rar

时间： 2024-10-19 11:36:48

第一个AngularJS Sample的相关文章

第一个AngularJS指令

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible"content="IE=edge" /> <meta name="viewport"

angluar.js的ng-app 指令定义一个 AngularJS 应用程序。

<!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UTF-8"> <title>局部数据</title> <script src="js/jquery-1.11.3.min.js"></script> <script src="js/angular.min.js&

你的第一个AngularJS应用--教程二：基架、建立和测试的工具

介绍有很多可用的工具可以帮助你开发AngularJS 应用,那些非常复杂的框架不在我的讨论范围之中,这也是我开始这系列教程的原因.在第一部分,我们掌握了AngularJS框架的基本结构,开发了第一应用.这篇博文是为那些初学者写到.如果你是一个经验丰富的AngularJS开发者,你可能对揭秘指令或者AngularJS在创业公司的使用更感兴趣.在这一部分,我们将把应用的逻辑层放在一边,而是去学习如何组织正确的AngularJS项目.包括:脚手架.依赖管理.准备测试(包括单元测试和端到端测试).我们用

第一个Angularjs 程序

<!DOCTYPE html> <html ng-app> <head> <title>Simple app</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"> </script> </head> <body> <input ng-model=&qu

第一个AngularJS Demo（购物车）

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <script src="js/angular.js"></script> <title>Cart</title></head><body ng-app="CartApp"> <h1>Your Cart</

实际项目中的一个angularjs 应用

实际需求:通过下拉框,选择自己需要的类型,创建元素(要求必须是输入点击保存了才能出现对应的类型块) html代码: <div class="list-panel-data"> <div ng-repeat="item in metadata" class="add-metadata table-list"> <table> <tr> <td align="right">

Node.js 网页瘸腿爬虫初体验

延续上一篇,想把自己博客的文档标题利用Node.js的request全提取出来,于是有了下面的初哥爬虫,水平有限,这只爬虫目前还有点瘸腿,请看官你指正了. // 内置http模块,提供了http服务器和客户端功能 var http=require("http"); // 内置文件处理模块 var fs=require('fs'); // 创建一个将流数据写入文件的WriteStream对象 var outstream=fs.createWriteStream('./1.txt'); /

在AngularJS中同一个页面配置一个或者多个ng-app

在AngularJS学习中,对于ng-app初始化一个AngularJS程序属性的使用需要注意,在一个页面中AngularJS自动加载第一个ng-app,其他ng-app会忽略, 如果需要加载其他ng-app程序,需要手动添加初始化过程. 手动初始化其他ng-app的javaScript代码 angular.bootstrap(document.getElementById("id"),['id']); <div ng-app="myApp" ng-contr

使用 AngularJS 开发一个大规模的单页应用（SPA）

本文的目标是基于单页面应用程序开发出拥有数百页的内容,包括认证,授权,会话状态等功能,可以支持上千个用户的企业级应用. 下载源代码介绍 (SPA)这样一个名字里面蕴含着什么呢? 如果你是经典的Seinfeld电视秀的粉丝,那么你一定知道Donna Chang这个名字.Jerry跟Donna见面,Donna其实不是华人,但是却因在谈论其对中国的固有印象比如在针灸上的兴趣,以及偶然的一次单词发音带上了点儿中文口音,她将自己末尾的名字缩成了Chang Donna 在电话上同George的母亲交谈,(