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

Json1204

于 2017-04-15 18:06:48 发布

阅读量544

点赞数

CC 4.0 BY-SA版权

分类专栏： angularjs学习文章标签： AngularJS 控制器Control

本文链接：https://blog.youkuaiyun.com/Json1204/article/details/70185949

angularjs学习专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>