AngularJS 控制器
2016-07-27 16:06
453 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="personCtrl">
名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{fullName()}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('personCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
$scope.fullName = function() {
return $scope.firstName + " " + $scope.lastName;
}
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="personCtrl">
名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{fullName()}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('personCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
$scope.fullName = function() {
return $scope.firstName + " " + $scope.lastName;
}
});
</script>
</body>
</html>
相关文章推荐
- AngularJS入门教程之服务(Service)
- AngularJS学习笔记-day1
- AngularJS 过滤器的简单实例
- AngularJS延迟加载html template
- AngularJS中如何使用trigger报错$digest already in progress
- AngularJS入门教程之控制器详解
- AngularJS 开发中常犯的10个错误
- AngularJS入门教程之Scope(作用域)
- AngularJS入门之动画
- AngularJS——依赖注入
- AngularJs渲染完毕后执行指定操作
- AngularJS 模型详细介绍及实例代码
- angular2 之 form表单
- 详解Angular开发中的登陆与身份验证
- AngularJS 指令详细介绍
- angular.js分页代码的实例
- angular.bind
- AngularJS缓存
- AngularJS指令替换内容
- AngularJS鼠标进入划出事件