angularjs学习1--初步了解与第一个应用

来源:互联网 发布:rgb浅青绿数据 编辑:程序博客网 时间:2024/06/05 09:14

    angularjs其实开始学习已经很久了,以前并没有怎么的深入和详细的了解,现在又重头开始学习,所以在以后的一段时间里,我将把一些自己学习的体会写下了,和大家共享


angularjs是什么:

AngularJS的官方文档是这样介绍它的。 完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术(HTML、CSS和JavaScript)配合使用,使Web应用开发比以往更简单、更快捷。 AngularJS主要用于构建单页面Web应用。它通过增加开发人员和常见Web应用开发任务之间的抽象级别,使构建交互式的现代Web应用变得更加简单。 AngularJS的开发团队将其描述为一种构建动态Web应用的结构化框架。 

闲话少说,今天开始做第一个应用hello world;

  一、我们准备angularjs 的lib

       引入angularjs 

<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
在开始的时候注意声明ng-app
<html ng-app="myapp">
下面编写一个输入框
<input ng-model="name" type="text" placeholder="你的名字"> ---注意ng-model的地方
输出:
<h1>  hello {{name}}</h1>
这样你就能在输入的时候随时显示出你输入的内容

0 0