배열 데이터를 사용하여 md-select를 사용하는 방법은 무엇입니까?

Question

내 웹 페이지를 디자인 할 때 angularjs와 각진 재질을 사용하고 있습니다. 배열에있는 옵션의 값을 표시 할 수 없습니다. 내 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'}]; 
});