AngularJS入门1-小例子

 1 <!DOCTYPE HTML>
 2 <html>
 3 <body>
 4 <div ng-app="">
 5 <p>Name:<input type="text" ng-model="name" value="john"></p>
 6 <p ng-bind="name"></p>
 7 </div>
 8 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
 9 </body>
10 </html>

结果图：

时间： 2024-10-30 06:41:36

AngularJS入门1-小例子的相关文章

Chromium开发--入门C++小例子

开始做Chromium开发的时候,都是从代码去摸索的,现在有几个例子了.希望看到的同学能有帮助,比直接在大量代码里领悟要快很多了. C++ in Chromium 101 - Codelab http://www.chromium.org/developers/cpp-in-chromium-101-codelab 0) hello world - https://codereview.chromium.org/23567011/ 1) command line arguments - http

C语言入门编程小例子

1.打印100~200之间的素数 #include<stdio.h> #include<math.h> int main() { inti,j,n=0; printf("100到200之间的素数有:\n"); for(i=100;i<=200;i++) { for(j=2;j<sqrt(i);j++) { if(i%j==0) break; else { if(j>sqrt(i)-1) { printf("%d",i); n

freemarker入门小例子

我用freemarker做了两个小例子,主要的东西是:两个Test文件,一个Animal实体类,一个ftl模板---freemarker的模板,我使用maven做的java工程案例.主要结构内容如下图: 注意:需要导入freemarker的jar包: 1.首先我们先来了解一下freemarker的概念: freeMarker概述: FreeMarker是一个模板引擎,一个基于模板生成文本输出的通用工具,使用纯Java编写: FreeMarker被设计用来生成HTML Web页面,特别是基于MVC

angularjs入门学习【指令篇】

一.首先我们来了解下指令API 属性含义 restrict 申明标识符在模版中作为元素,属性,类,注释或组合,如何使用 priority 设置模版中相对于其他标识符的执行顺序 Template 指定一个字符串式的内嵌模版,如果你指定了模版是一个URL,那么是不会使用的 tempateUrl 指定URL加载的模版,如果你已经指定了内嵌的模版字符串,那么它不会使用的 Replace 如果为真,替换当前元素,如果是假或未指定,拼接到当前元素 Transclude 移动一个标识符的原始字节带你到一个新

angular ngRoute小例子

ngRoute学习小例子单页面应用中可以使用ng-view,当修改ng-view的template时可以实现一个页面html中展示不同内容(div部分). 例如index.html中包含ng-view 1 <!DOCTYPE HTML> 2 <html ng-app="app"> 3 <head> 4 <script src="./bower_components/angular/angular.js"></s

AngularJS入门心得2——何为双向数据绑定

前言:谁说Test工作比较轻松,最近在熟悉几个case,差点没疯.最近又是断断续续的看我的AngularJS,总觉得自己还是没有入门,可能是自己欠前端的东西太多了,看不了几行代码就有几个常用函数不熟悉的.看过了大漠的视频,算是了解了AngularJS的一些优良特性.后来准备投身<AngularJS权威教程>,跟着它走,可是一来可能自己道行不够,二来,个人觉得这本书翻译的有些生硬以及一些瑕疵,比如: (1)9.2节:在指令中适用自作用域 (2)9.2节:在指令中适用自作用域当然,以上都是一些瑕

Angular系列----AngularJS入门教程04：迭代器过滤（转载）

我们在上一步做了很多基础性的训练,所以现在我们可以来做一些简单的事情喽.我们要加入全文检索功能(没错,这个真的非常简单!).同时,我们也会写一个端到端测试,因为一个好的端到端测试可以帮上很大忙.它监视着你的应用,并且在发生回归的时候迅速报告. 请重置工作目录: git checkout -f step-3 我们的应用现在有了一个搜索框.注意到页面上的手机列表随着用户在搜索框中的输入而变化. 步骤2和步骤3之间最重要的不同在下面列出.你可以在GitHub里看到完整的差别. 控制器我们对控制器不做

Angular系列---- AngularJS入门教程03：AngularJS 模板（转载）

是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和分离关注点.考虑到这一点,我们用AngularJS来为我们的应用添加一些模型.视图和控制器. 请重置工作目录: git checkout -f step-2 我们的应用现在有了一个包含三部手机的列表. 步骤1和步骤2之间最重要的不同在下面列出.,你可以到GitHub去看完整的差别. 视图