角材料md-select-無法與所選用戶一起打開框

Question

嗨，選擇框是顯示所選項目，但我根本無法打開下拉菜單，我在mdpanel中使用表單，但在mdpanel對話框中無法正常工作，我該如何修復它

我需要帶有編輯用戶的表單，並且我需要使用用戶參數之一進行初始化的選擇框

  users :[
            { id: 1, name: 'Bob' },
            { id: 2, name: 'Alice' },
            { id: 3, name: 'Steve' }
          ],
         selectedUser : { id: 1, name: 'Bob' }

的HTML：

   <md-select ng-model="ctrl.selectedUser" ng-model-options="{trackBy: '$value.id'}">
          <md-option ng-value="user" ng-repeat="user in ctrl.users">{{ user.name }}</md-option>
        </md-select>

Answer 1

您不需要具有ng-model-options="{trackBy: '$value.id'}"

演示

 // Code goes here var app = angular.module('app', ["ngMaterial"]); app.controller('myCtrl', function($scope) { $scope.users =[ { id: 1, name: 'Bob' }, { id: 2, name: 'Alice' }, { id: 3, name: 'Steve' } ]; $scope.selectedUser = { id: 1, name: 'Bob' }; });

 <!DOCTYPE html> <html ng-app="app"> <head> <link rel="stylesheet" href="style.css" /> <link data-require="angular-material@0.11.0" 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="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script data-require="angular.js@*" data-semver="1.4.5" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> <script data-require="angular-material@0.11.0" 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="angular-animate@1.4.1" data-semver="1.4.1" src="https://code.angularjs.org/1.4.1/angular-animate.js"></script> <script data-require="angular-aria@1.4.1" 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="myCtrl"> <div layout="row"> <md-select placeholder="Select" ng-model="selectedUser"> <md-option ng-repeat="user in users" value="{{user.name}}"> {{user.name}} </md-option> </md-select> </div> </body> </html>

Answer 2

為了使您的選擇框最初加載所選項目

保持原樣

<md-select ng-model="ctrl.selectedUser" ng-model-options="{trackBy: '$value.id'}">
  <md-option ng-value="user" ng-repeat="user in ctrl.users">{{ user.name }}</md-option>
</md-select>

檢查您的Angular版本應為<= 1.5.9

演示http://codepen.io/anon/pen/EZRwaQ?editors=1010

角材料md-select-無法與所選用戶一起打開框

問題描述

2 個解決方案

解決方案1
1 2017-02-05 11:01:16

解決方案2
1 2017-02-05 11:25:09

角材料md-select-無法與所選用戶一起打開框

問題描述

2 個解決方案

解決方案1 1 2017-02-05 11:01:16

解決方案2 1 2017-02-05 11:25:09

解決方案1
1 2017-02-05 11:01:16

解決方案2
1 2017-02-05 11:25:09