使用角度材質md選擇無ng重複

我試圖使用ms-select沒有ng-repeat但它似乎不工作。是否有可能用這種方式，或者有與ng-repeat使用角度材質md選擇無ng重複

這裏使用它是我的代碼：

HTML：

<div ng-controller="AppCtrl as ctrl" class="md-padding" ng-cloak layout="column"> 
    <md-select ng-model="ctrl.userState"> 
    <md-option> 
     <em>None</em> 
    </md-option> 
    <md-option ng-value="AL">AL</md-option> 
    <md-option ng-value="NY">NY</md-option> 
    <md-option ng-value="CA">CA</md-option> 
    <md-option ng-value="WA">WA</md-option> 
    </md-select> 
</div>

JS：

angular 
    .module('app') 
    .controller('AppCtrl', 
     function() { 
      this.userState = 'AL'; 
     });

來源

2016-12-10 m2008m1033m

是的，你可以使用，而不是ng值只是使用價值，

DEMO

var app = angular.module('app', ["ngMaterial"]); 
 
app.controller('AppCtrl', function($scope) { 
 
    this.userState = 'AL'; 
 
});

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

 
<head> 
 
    <link data-require="[email protected]" data-semver="0.11.0" rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.0/angular-material.min.css" /> 
 
    <script data-require="[email protected]*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 
 
    <script data-require="[email protected]*" data-semver="1.4.5" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
 
    <script data-require="[email protected]" data-semver="0.11.0" src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.0/angular-material.min.js"></script> 
 
    <script data-require="[email protected]" data-semver="1.4.1" src="https://code.angularjs.org/1.4.1/angular-animate.js"></script> 
 
    <script data-require="[email protected]" data-semver="1.4.1" src="https://code.angularjs.org/1.4.1/angular-aria.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body ng-controller="AppCtrl as ctrl"> 
 
    <div layout="row"> 
 
    <md-select ng-model="ctrl.userState"> 
 
     <md-option> 
 
     <em>None</em> 
 
     </md-option> 
 
     <md-option value="AL">AL</md-option> 
 
     <md-option value="NY">NY</md-option> 
 
     <md-option value="CA">CA</md-option> 
 
     <md-option value="WA">WA</md-option> 
 
    </md-select> 
 
    </div> 
 
    <div layout="row"> 
 
    return value: {{ctrl.userState}} 
 
    </div> 
 
</body> 
 

 
</html>

來源

2016-12-10 05:17:57 Sajeetharan

拍哦，我忘了，我也能做到這一點NG值= 「 '基地'」，謝謝！ – m2008m1033m

使用角度材質md選擇無ng重複

回答

相關問題