码迷,mamicode.com
首页 > Web开发 > 详细

AngularJs之HelloWorld

时间:2016-08-02 21:08:09      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../../jslib/angular.min-1.5.8.js"></script>
</head>
<body>
    <input ng-model="name" type="text" placeholder="姓名"><br/>
    <h1>Hello {{name}}</h1>
</body>
</html>

这个例子展示了AngularJs的数据绑定功能,输入框的值和{{name}}中的值动态绑定了,{{name}}会实时随着输入框的变化而变化


说明:
script:引入AngularJS文件
ng-app:该属性范围内都是属于AngularJs的内容,我现在在html标签中声明了此属性,就代表整个页面都是AngularJs应用
我也可以在页面的一部分添加ng-app
ng-module:是一个指令,将内部数据模型对象($scope)中的name属性绑定到文本输入框
$scope:是一个简单的JavaScript对象,其中的属性可以被视图访问,也可以同控制器进行交互

AngularJs之HelloWorld

标签:

原文地址:http://www.cnblogs.com/sherrykid/p/5730571.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!