数据绑定和第一个AngularJS 应用

转载于 2017-03-01 10:54:00 发布 · 50 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/vicii/p/6483210.html

本文通过一个简单的AngularJS示例展示了如何使用AngularJS框架来显示动态问候消息。该示例利用了AngularJS的基本特性，包括模块定义、控制器创建以及作用域变量的使用。

Hello 小朋友

一：

<input ng-model="name" type="text" placeholder="Your Name">
<h1>Hello {{ name }}</h1>

二：

<body ng-app="myApp">
    <div ng-controller="MyController">
        <h1>Hello {{ name }}</h1>
    </div>

    <script>
        var myApp = angular.module('myApp',[]);
        myApp.controller("MyController",function($scope) {
            $scope.name = "小朋友";        
        });
    </script>
</body>