菜鸟教程 -- 学的不仅是技术,更是梦想!

AngularJS 教程
(追記) (追記ここまで)

AngularJS 教程


Angular

AngularJS 通过新的属性和表达式扩展了 HTML。

AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。

AngularJS 学习起来非常简单。

现在开始学习 AngularJS!


每个章节都有相应的实例

在每个章节中,您可以在线编辑实例,然后点击按钮查看结果。

AngularJS 实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.net/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>

</body>
</html>

尝试一下 »


阅读本教程前,您需要了解的知识:

在开始学习 AngularJS 之前,您需要具备以下基础知识:

  • HTML
  • CSS
  • JavaScript

AngularJS 历史

AngularJS 是比较新的技术,版本 1.0 是在 2012 年发布的。

AngularJS 是由 Google 的员工 Miško Hevery 从 2009 年开始着手开发。

这是一个非常好的构想,该项目目前已由 Google 正式支持,有一个全职的开发团队继续开发和维护这个库。


AngularJS 实例

本教程包含了大量的 AngularJS 实例!

AngularJS 实例


AngularJS 参考手册

参考手册包含了本教程中使用到的所有指令和过滤器。

AngularJS 参考手册



AI 思考中...

1 篇笔记 写笔记

  1. #0

    小浪漫

    139***[email protected]

    598

    1、ng-app=" " 定义angularJS的使用范围;

    2、ng-init="变量=值;变量='值'" 初始化变量的值,有多个变量时,中间用分号隔开;

    3、ng-model="变量" 定义变量名;

    4、ng-bind="变量" 绑定变量名,获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值,比如:{{变量}}。

    小浪漫

    139***[email protected]

    9年前 (2017年06月01日)

点我分享笔记

  • 昵称 (必填)
  • 邮箱 (必填)
  • 引用地址

AltStyle によって変換されたページ (->オリジナル) /