AngularJS 控制器（Controller）用于控制 AngularJS 应用

AngularJS双向数据绑定示例

最新推荐文章于 2019-09-28 21:51:35 发布

原创最新推荐文章于 2019-09-28 21:51:35 发布 · 560 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#AngularJS 控制器Control

angularjs学习专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的AngularJS应用实例，展示了如何使用ng-model指令实现表单输入与数据模型之间的双向数据绑定，并通过拼接姓名的方式直观展示效果。

<div ng-app="myApp" ng-controller="myCtrl">
 
名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}
 
</div>
 
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
</script>