角度材料MD-選択読書のためのすべてのおかげで、私はそれは私のモデルと結合しない角度材料MD-選択</p> <p>で問題を抱えている

Question

こんにちは結合しません。私はこのモデルのデータを更新するためのフォームを作成するために使っています。

<md-input-container class="md-icon md-block" flex ng-controller="ProveedorController" data-ng-init="listaProveedores()"> 
<label>Proveedor</label> 
<md-select ng-model="detalle.proveedor" required name="proveedores"> 
    <md-option ng-value="proveedor" ng-repeat="proveedor in proveedores">{{proveedor.nombreProveedor}}</md-option> 
</md-select> 

私はng-selectedを使用しようとしたが、それは、モデルの元に合わない別のオブジェクトをバインドします。

私は間違っていますか？ここで

Answer 1

[OK]を、私はこれの解決策を見つけた検索の良い睡眠と時間後に。私はこのケースでは、私のMD-選択

にこれと似たようなプロパティを追加する必要があるオブジェクトの追跡保つために

：ng-model-options="{trackBy: '$value.id'}"

<md-input-container class="md-icon md-block" flex ng-controller="ProveedorController" data-ng-init="listaProveedores()"> 
    <label>Proveedor</label> 
    <md-select ng-model="detalle.proveedor" required name="proveedores" ng-model-options="{trackBy: '$value.idProveedor'}"> 
     <md-option ng-value="proveedor" ng-repeat="proveedor in proveedores">{{proveedor.nombreProveedor}}</md-option> 
    </md-select> 
</md-input-container> 

は今、すべての私のモデルが表示罰金です。私はあなたの時間を無駄にすると、読んでいただきありがとうございます。

Answer 2

あなたが行く - CodePen

マークアップ

<div ng-app="MyApp" ng-controller="ProveedorController"> 
    <md-input-container class="md-icon md-block" flex data-ng-init="listaProveedores()"> 
    <label>Proveedor</label> 
    <md-select ng-model="detalle.proveedor" required name="proveedores"> 
     <md-option ng-value="proveedor.nombreProveedor" ng-repeat="proveedor in proveedores"> 
     {{proveedor.nombreProveedor}} 
     </md-option> 
    </md-select> 
    </md-input-container> 
    <br> 
    Proveedor: {{detalle.proveedor}} 
</div> 

JS

angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache']) 

.controller('ProveedorController', function($scope) { 
    $scope.proveedores = [ 
    {nombreProveedor: "Daffy"}, 
    {nombreProveedor: "Mickey"}, 
    {nombreProveedor: "Goofy"}]; 
});