由网友(东方不悔)分享简介：我有角的形式和我使用MD-select和MD-选项。但是，当我点击下拉菜单，冻结画面，如果我通过观察元素MD-选项看看会展示。 ＆LT; MD-NG选择模型=严重程度占位符=选择严重性＆GT;    ＆LT; MD-选择-标签＆gt; {{Severities.name}}＆LT; / MD-选择-标签＆gt;...

我有角的形式和我使用MD-select和MD-选项。但是，当我点击下拉菜单，冻结画面，如果我通过观察元素MD-选项看看会展示。

 ＆LT; MD-NG选择模型=严重程度占位符=选择严重性＆GT;    ＆LT; MD-选择-标签＆gt; {{Severities.name}}＆LT; / MD-选择-标签＆gt;    ＆LT; MD-NG选项值=opt.idNG重复=选择在severities.availableOptions＆GT;       {{opt.name}}    ＆LT; / MD选项＆GT;＆LT; / MD-选择＆GT;$ scope.severities = {    availableOptions：    {        编号：'1'，        名称：'名称1'    }，    {        ID：'2'，        名称：'名2'    }，    {        ID：'3'，        名称：'NAME3     }     ]}; 

解决方案

  $ scope.severities = {     availableOptions：           {ID：1，名称：'名称1'}，           {ID：'2'，名称：'名2}，           {ID：'3'，名称：'NAME3'}]}; 

在模型中的 $ scope.severities.name 什么，并在 MD-选择标签您使用此这是不对的。

试试这个 -

 ＆LT; MD-NG选择模型=严重程度占位符=选择严重性＆GT;     ＆LT; MD-NG选项值=opt.idNG重复=选择在severities.availableOptions＆GT;           {{opt.name}}      ＆LT; / MD选项＆GT;＆LT; / MD-选择＆GT; 

I have angular form and I am using md-select and md-option. But when I click on dropdown, freezes the screen and if I see by inspecting element md-option will be showing.

<md-select ng-model="Severities" placeholder="Select a Severity">
    <md-select-label>{{ Severities.name }}</md-select-label> 
    <md-option ng-value="opt.id" ng-repeat="opt in severities.availableOptions">
       {{ opt.name }}
    </md-option>
</md-select>



$scope.severities= { 
    availableOptions: [ 
    {
        id: '1', 
        name: 'name1' 
    }, 
    { 
        id: '2', 
        name: 'name2' 
    }, 
    { 
        id: '3', 
        name: 'name3' 
     } 
     ], };

解决方案

$scope.severities= { 
     availableOptions: [ 
           {id: '1', name: 'name1' },
           { id: '2', name: 'name2' },
           { id: '3', name: 'name3' }
]};

In your model $scope.severities.name is nothing and in md-select-label you are using this which is wrong.

Try this -

<md-select ng-model="Severities" placeholder="Select a Severity">
     <md-option ng-value="opt.id" ng-repeat="opt in severities.availableOptions">
           {{ opt.name }}
      </md-option>
</md-select>