角度材料のMD-選択 - 選択したユーザーにボックスを開くカント

こんにちは選択ボックスは、選択した項目を示しているが、私は、私はそのはどのようにmdpanel にダイアログで動作していないmdpanel でフォームを使用していますすべてのでドロップダウンを開いカント私はそれを私が編集ユーザーで形成する必要がある角度材料のMD-選択 - 選択したユーザーにボックスを開くカント

を修正し、私は、ユーザーのparamの1で初期化する選択ボックスを必要とすることができます

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>

出典

2017-02-05 Scopi

< = 1.5.9

デモでなければなりませんあなたの角度のバージョンを確認してください。あなたの角張ったバージョンは何ですか？ –

あなたがng-model-options="{trackBy: '$value.id'}"

DEMO

// 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="[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="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>

出典

2017-02-05 11:01:16 Sajeetharan

こんにちは、私のために働いていない。私はexactly同じでした私は$ mdpanelを使用しており、フォームはダイアログにあります。私がhtmlで見る選択をクリックすると。 "面積を消費する"が真で即座に偽に変わる – Scopi

HIはmdpanelの外で働いています – Scopi

助けがあれば@Scopiマークは – Sajeetharan

あなたの選択ボックスを作るためには、最初はそれが

であるとして、あなたのコードをしてください選択した項目

をロードする必要はありません。

私もこの問題が発生したことがhttp://codepen.io/anon/pen/EZRwaQ?editors=1010

出典

2017-02-05 11:25:09

です。私のバージョンは1.510です – Scopi

ここはデモですhttp://codepen.io/anon/pen/ EZRwaQ？editors = 1010 –

答えがあなたのために働いた場合の回答：:) –

角度材料のMD-選択 - 選択したユーザーにボックスを開くカント

答えて

関連する問題