communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Pourquoi ma valeur liée ng-options ne fonctionne pas
PHPz
PHPz 2017-05-15 17:13:54
0
2
1067
$scope.selected=0;

<select class="form-control lls-input-lg" id="cooperationPlatform" ng-model="selected">
    <option value="0">全部</option>
    <option ng-repeat="o in keyArr"
          value="{{o.id}}">
        {{o.prodName}}
     </option>
</select>

Ça sort comme ça

Et il n'est pas sélectionné par défaut

Un autre point est que si j'utilise ng-options, cela ressemblera à ceci

La valeur est très étrange. Dans mes données, id : 1, comme ça, il y a une étiquette supplémentaire

Veuillez répondre ! !

PHPz
PHPz

学习是最好的投资！

répondre à tous(2)
Ty80
Ty802017-05-15 17:15:54 2 plancher

Vous devez utiliser ng-value pour la liaison de valeur. Il est également recommandé d'ajouter les options par défaut au tableau et de les exécuter uniformément ng-repeat 循环就好了。同时建议命名规范一下哈如：user in users 或 produce in produces sous cette forme.

exemple d'options ng

<select class="form-control lls-input-lg" id="cooperationPlatform"
   ng-options="o.prodName for o in keyArr"
   ng-model="selected">
</select>

----------

$scope.selected=$scope.keyArr[1];

exemple de valeur ng

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
    <meta charset="UTF-8">
    <title>Angular Repeat-Done Demo</title>
    <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>
</head>
<body ng-app="myapp">
<p ng-controller="AppCtrl">
    <h4>Users List</h4>
    <select class="form-control lls-input-lg" id="cooperationPlatform" ng-model="selected">
        <option ng-repeat="o in keyArr"
                ng-value="{{o.id}}">
            {{o.prodName}}
        </option>
    </select>
</p>
<script type="text/javascript">
    var myapp = angular.module("myapp", [])
            .controller("AppCtrl", ['$scope', function ($scope) {
                $scope.selected=2;
                $scope.keyArr = [
                    {
                        id: 0,
                        prodName: '全部'
                    },
                    {
                        id: 1,
                        prodName: '天金所'
                    },
                    {
                        id: 2,
                        prodName: '测试'
                    },
                    {
                        id: 3,
                        prodName: '还是测试'
                    }
                ]
            }])
</script>
</body>
</html>
Comme +0
Ajouter une réponse
给我你的怀抱
给我你的怀抱2017-05-15 17:15:54 1 plancher

https://docs.angularjs.org/ap...

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal