AngularJS 1.4.x

var app = angular.module("myApp", []);
app.controller("Users", function($scope) {
  $scope.user = "";
});
app.controller("HelloWorldController", function($scope) {
  $scope.message = "Hello, World!!";
});
app.controller("Prefecture", ['$scope', '$http', function($scope, $http) {
  $scope.item = 0;
  $scope.prefs = [];
  $http.get('prefecture.json')
    .then(function(response) {
      //console.log(response);
      if (response.status === 200) {
        $scope.prefs = response.data;
        $scope.changeset = function() {
          console.log($scope.item);
        };
      }
    });
}]);
app.controller("Products", function($scope) {
  $scope.items = [{
    name: "hoge1",
    job: "Paladin"
  }, {
    name: "hoge5",
    job: "Astrologain"
  }];
});

<!DOCTYPE html>
<html ng-app="myApp">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script>
  <script src="app.js"></script>
</head>

<body>

  <div ng-controller="Users">Name :
    <input ng-model="user" type="text">
    <p>Value: {{user}}</p>
  </div>
  <div ng-controller="HelloWorldController">{{message}}</div>
  <nav ng-controller="Products">
    <ul>
      <li ng-repeat="x in items | orderBy:'job'">{{x.job+" : "+x.name}}</li>
    </ul>
  </nav>
  <div>
    <p><span>Prefecture</span>
      <select ng-controller="Prefecture">
        <option ng-repeat="x in prefs | orderBy: 'id'">{{x.label}}</option>
      </select>
    </p>
  </div>





</body>

</html>

/* Put your css in here */

[
{"id":0, "name":"None", "label":"選択してください"},
{"id":1, "name":"Hokkaido", "label":"北海道"},
{"id":2, "name":"Aomori", "label":"青森県"},
{"id":3, "name":"Iwate", "label":"岩手県"},
{"id":4, "name":"Miyagi", "label":"宮城県"},
{"id":5, "name":"Akita", "label":"秋田県"},
{"id":6, "name":"Yamagata", "label":"山形県"},
{"id":7, "name":"Fukushima", "label":"福島県"},
{"id":8, "name":"Ibaraki", "label":"茨城県"},
{"id":9, "name":"Tochigi", "label":"栃木県"},
{"id":10, "name":"Gunma", "label":"群馬県"},
{"id":11, "name":"Saitama", "label":"埼玉県"},
{"id":12, "name":"Chiba", "label":"千葉県"},
{"id":13, "name":"Tokyo", "label":"東京都"},
{"id":14, "name":"Kanagawa", "label":"神奈川県"},
{"id":15, "name":"Niigata", "label":"新潟県"},
{"id":16, "name":"Toyama", "label":"富山県"},
{"id":17, "name":"Ishikawa", "label":"石川県"},
{"id":18, "name":"Fukui", "label":"福井県"},
{"id":19, "name":"Yamanashi", "label":"山梨県"},
{"id":20, "name":"Nagano", "label":"長野県"},
{"id":21, "name":"Gifu", "label":"岐阜県"},
{"id":22, "name":"Shizuoka", "label":"静岡県"},
{"id":23, "name":"Aichi", "label":"愛知県"},
{"id":24, "name":"Mie", "label":"三重県"},
{"id":25, "name":"Shiga", "label":"滋賀県"},
{"id":26, "name":"Kyoto", "label":"京都府"},
{"id":27, "name":"Osaka", "label":"大阪府"},
{"id":28, "name":"Hyogo", "label":"兵庫県"},
{"id":29, "name":"Nara", "label":"奈良県"},
{"id":30, "name":"Wakayama", "label":"和歌山県"},
{"id":31, "name":"Tottori", "label":"鳥取県"},
{"id":32, "name":"Shimane", "label":"島根県"},
{"id":33, "name":"Okayama", "label":"岡山県"},
{"id":34, "name":"Hiroshima", "label":"広島県"},
{"id":35, "name":"Yamaguchi", "label":"山口県"},
{"id":36, "name":"Tokushima", "label":"徳島県"},
{"id":37, "name":"Kagawa", "label":"香川県"},
{"id":38, "name":"Ehime", "label":"愛媛県"},
{"id":39, "name":"Kochi", "label":"高知県"},
{"id":40, "name":"Fukuoka", "label":"福岡県"},
{"id":41, "name":"Saga", "label":"佐賀県"},
{"id":42, "name":"Nagasaki", "label":"長崎県"},
{"id":43, "name":"Kumamoto", "label":"熊本県"},
{"id":44, "name":"Oita", "label":"大分県"},
{"id":45, "name":"Miyazaki", "label":"宮崎県"},
{"id":46, "name":"Kagoshima", "label":"鹿児島県"},
{"id":47, "name":"Okinawa", "label":"沖縄県"}
]