AngularJs之HelloWorld

最新推荐文章于 2024-09-30 15:23:15 发布

weixin_30546933

最新推荐文章于 2024-09-30 15:23:15 发布

阅读量60

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sherrykid/p/5730571.html

版权

<!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对象,其中的属性可以被视图访问,也可以同控制器进行交互

转载于:https://www.cnblogs.com/sherrykid/p/5730571.html