Edit in JSFiddle

var myApp = angular.module('myApp', []);

myApp.controller('UserCtrl', ['$scope', function ($scope) {
    
    // user details라는 네임스페이스를 사용하자. DOM에서 알아보기도 좋을 것이다.
    $scope.user = {};
    $scope.user.details = {
      "username": "Todd Motto",
      "id": "89101112"
    };
    
}]);

myApp.controller('MainCtrl02', ['$scope', function ($scope) {
    
    $scope.numbers = [10, 25, 35, 45, 60, 80, 100];
    
    $scope.lowerBound = 42;
    
    $scope.greaterThanNum = function (item) {
        return item > $scope.lowerBound;
    };
    
}]);

myApp.controller('MainCtrl', ['$scope', function ($scope) {
    
    $scope.myModel = '';

}]);

<div ng-app="myApp">
    <div ng-controller="UserCtrl">
        <p class="username">Welcome, {{ user.details.username }}</p>
        <p class="id">User ID: {{ user.details.id }}</p>
    </div>
    <hr>
    * 필터를 선언하는 예제
    <div ng-controller="MainCtrl02">
        <p>Type a few numbers below to watch the filter</p>
        <input type="text" ng-model="lowerBound" />
        <ul>
            <li ng-repeat="number in numbers | filter:greaterThanNum">
                {{ number }}
            </li>
        </ul>
    </div>
    <hr>
    * 양방향 데이터 바인딩
    <div ng-controller="MainCtrl">
        <input type="text" ng-model="myModel" placeholder="Start typing..." />
        <p>My model data: {{ myModel }}</p>
    </div>

</div>