AngularJS的Hello World

简介:
复制代码
<!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>
 </head>

 <body ng-app=""> <!-- ng-app=""写成ng-app也可 -->
  <h1>Hello {{name}}</h1>
  <br/>
  <input type="text" ng-model="name" />
 </body>
</html>
复制代码

要点:

ng-model指令用于输入控件中,当用户想输入数据或者从JS变量获得值都可以用它。

{{name}}相当于<span ng-bind="name"></span>,两种写法效果相当。

效果:

代码下载:https://files.cnblogs.com/files/xiandedanteng/angularJSHelloWorld.rar













本文转自张昺华-sky博客园博客,原文链接:http://www.cnblogs.com/xiandedanteng/p/7413240.html,如需转载请自行联系原作者


相关文章
|
移动开发 前端开发 JavaScript
AngularJS 技术深入解析
AngularJS 是一个流行的 JavaScript 框架,用于构建动态的单页面应用程序(SPA)。它提供了一种优雅而强大的方式来开发前端应用,具有出色的数据绑定、模块化和可扩展性等特性。本文将深入探讨 AngularJS 的一些关键技术。
110 0
|
JavaScript
AngularJs错误
AngularJs错误
89 0
|
JavaScript 前端开发
《AngularJS高级程序设计》——第2章 你的第一个AngularJS应用 2.1 准备项目
开始使用AngularJS的最好方式就是潜心钻研进去,创建一个Web应用程序。在本章中,我将带你学习一个简单的开发过程,从一个目标应用程序的静态模型开始,使用AngularJS的特性打造出一个动态的Web应用程序,尽管只是一个简单的程序。
1427 0