AngularJS View显示{}而不是$ scope值

Question

我的观点是输出{}而不是所需的$ scope值。请参阅以下代码：

app.js：

angular
  .module('tbsmapApp', [
    'ngAnimate',
    'ngRoute',
    'firebase'
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl',
        controllerAs: 'main'
      })
      .when('/country/:country', {
        templateUrl: 'views/country.html',
        controller: 'CountryCtrl',
        controllerAs: 'country'
      })
      .otherwise({
        redirectTo: '/'
      });
  });

country.js：

angular.module('tbsmapApp')
  .controller('CountryCtrl', function ($scope, $firebaseObject, FirebaseRef, $routeParams) {
                 $scope.country = $routeParams.country;
  });

观点：

<h1>Top Sites by Traffic in <span>{{country}}</span></h1>

知道为什么会这样吗？我在应用程序中运行jVectorMap。这不会与它有任何关系 - 是吗？