角質材料MD選擇沒有約束力

Question

大家好謝謝你的閱讀，我有一個問題與角材料MD選擇

它不綁定與我的模型。我用它來製作一個表格來更新這個模型的數據。

<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

好，良好的睡眠後，尋找的時間我已經發現了這個解決方案。

讓我需要對我的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"}]; 
});