AngularJS案例 - W3xue在线HTML/CSS/JS运行工具

​x
<script src="/js/angular.js1.4.6/angular1.2.5.min.js"></script>
 
<!DOCTYPE html>
<html>
<body>
​
<div ng-app="" ng-controller="personController">
​
名: <input type="text" ng-model="person.firstName"><br>
姓: <input type="text" ng-model="person.lastName"><br>
<br>
姓名: {{fullName()}}
​
</div>
​
<script>
function personController($scope) {
    $scope.person = {
        firstName: "John",
        lastName: "Doe",
    };
    $scope.fullName = function() {
        var x = $scope.person;  
        return x.firstName + " " + x.lastName;
    }
}