AngularJS双向数据绑定-前端ABC

<!DOCTYPE html>
<html ng-app>
<head>
    <meta charset="UTF-8">
    <title>Simple app</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></script>
</head>
<body>
    <input ng-model="name" type="text" placeholder="Your name">
    <h1>Hello {{ name }}</h1>
</body>
</html>

运行结果如下：

这里写图片描述

上面的代码中，用ng-app属性声明了所包含的内容都属于这个AngularJS应用。用ng-modal指令将内部数据模型对象（$scope）中的name属性绑定到了文本框上，所以无论在文本框中输入什么，都会同步到数据模型中。

欢迎分享本文，转载请保留出处：前端ABC » AngularJS双向数据绑定

AngularJS双向数据绑定

相关推荐

发表评论 0