配列データを使ってmd-selectを使うには？

Question

私はウェブページをデザインするためにanglejsと角度のある素材を使用しています。配列に存在するオプションの値を表示できません。

マイindex.html

<md-input-container class="md-block" flex-gt-sm> 
    <label>Level</label> 
    {{levels|json}} 
    <ul> 
     <li ng-repeat="level in levels"> {{level.name}}</li><!--this is working--> 
    </ul> 
    <md-select ng-model="news.level"> 
     <md-option ng-repeat="level in levels"ng-value="level.name"> 
     {{level.name}} 
     </md-option><!--this is not working--> 
    </md-select> 
</md-input-container> 

そして、私は

$scope.levels=['Level one', 'Level two','Level Three']; 

を持つコントローラで、おそらく間違っている可能性がどのように役立つとも私はこの問題への提案をお知らせください。ここで

Answer 1

あなたが行く - CodePen

マークアップ

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp"> 
    <md-input-container class="md-block" flex-gt-sm> 
    <label>Level</label> 
    <ul> 
     <li ng-repeat="level in levels"> {{level.name}}</li> 
    </ul> 
    <md-select ng-model="news.level"> 
     <md-option ng-repeat="level in levels" ng-value="level.name"> 
     {{level.name}} 
     </md-option> 
    </md-select> 
    </md-input-container> 
</div> 

JS

angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache', 'ngDialog']) 

.controller('AppCtrl', function($scope) { 
    $scope.levels = [{name:'Level one'}, {name:'Level two'}, {name:'Level Three'}]; 
});