AngularJS 控制器

前端开发 作者: 2024-08-20 16:15:01
AngularJS 控制器控制AngularJS 应用程序的数据。AngularJS 控制器是常规的JavaScript 对象。AngularJS 控制器AngularJS 应用程序被控制器控制。ng
<div ng-app="myApp" ng-controller="myCtrl">

名: input type="text" ng-model="firstName"><br
名: ="lastName">

姓名: {{firstName + " " + lastName}}

</div>

script>
var app = angular.module('myApp,[]);
app.controller(myCtrlfunction($scope) {
    $scope.firstName = "John;
    $scope.lastName Doe;
});
>
="personCtrl"
姓: 
姓名: {{fullName()}}

personCtrl;
    $scope.fullName () {
        return $scope.firstName + " + $scope.lastName;
    }
});
>
angular.module('myApp',[]).controller('personCtrl',function($scope) {
    $scope.firstName = "John"() {
        return $scope.firstName + " " + $scope.lastName;
    }
});


First Name: 
Last Name: 
Full Name: {{firstName + " " + lastName}}

script src="personController.js"></>
angular.module('myApp',[]).controller('namesCtrl',1)">($scope) {
    $scope.names = [
        {name:'Jani',country:'Norway'},{name:'Hege',country:'Sweden'}
    ];
});
="namesCtrl"ul>
  li ng-repeat="x in names"
    {{ x.name + ',' + x.country }}
  li="namesController.js">
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65603.html
AngularJS 控制器