2016-05-21 9 views
4

entfernen Hier wird die Auswahlboxkann nicht leer Option Winkel

<form name="permissionForm" novalidate> 
    <select ng-model="permissionForm.homePostPermission" name="permissionHomePage" ng-options="permission.name for permission in permissions" required> 
    </select> 
    <div ng-show="permissionFormErrorShowTag"> 
     <div ng-show="permissionForm.permissionHomePage.$error.required">Required</div> 
    </div> 
</form> 

Und dies ist der Controller-Code ist

//setting the values of permission 
$scope.permissions = [{'name':'Public','value':'1'},{'name':'Friend','value':'2'},{'name':'Only me','value':'3'}]; 
$scope.permissionForm = {}; 
$scope.permissionForm.homePostPermission = $scope.permissions[0].value; 

Die leere Option noch in der Auswahl options.Cannot Verwerfungs gezeigt wird it.Please Hilf mir.

haben diese Geige

hinzugefügt

http://jsfiddle.net/MTfRD/2957/

Dank für Ihre Zeit danken

+0

@tushar bitte ich habe eine Arbeits Geige hinzugefügt. – Debojyoti

+0

sollte es sein $ scope.permissionForm.homePostPermission = $ scope.permissions [0] 'aber es ignoriert es. das formular in der html deklarieren reinit den wert von permissionForm ich weiß nicht warum. schau dir das an http://plnkr.co/edit/9wCmBwiyGV5zRBM3Ez8z?p=preview – AlainIb

+0

@AlainIb was soll ich tun? – Debojyoti

Antwort

1

versuchen dies. Ändern Sie den Namen des Formulars.und initialisieren Sie das Modell mit dem Objekt.

var app = angular.module("app", []); 
 

 
app.controller('mainCtrl', function($scope){ 
 
    $scope.permissions = [{'name':'Public','value':'1'},{'name':'Friend','value':'2'},{'name':'Only me','value':'3'}]; 
 
    $scope.permissionForm = {}; 
 
    $scope.permissionForm.homePostPermission = $scope.permissions[0]; 
 

 
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css" rel="stylesheet"/> 
 

 
<div ng-app="app" ng-controller="mainCtrl"> 
 
    <form name="form" novalidate> 
 
    <select ng-model="permissionForm.homePostPermission" ng-options="permission.name for permission in permissions" required> 
 
    </select> 
 
    
 
</form> 
 
</div>

+0

Vielen Dank für Ihre Zeit – Debojyoti

0

Sie haben Spur permision.value in ng-Optionen von hinzufügen wie folgt:

<select class="form-control" ng-model="permissionForm.homePostPermission" name="permissionHomePage" ng-options="permission.name for permission in permissions track by permision.value" required=""></select> 

Sie fertig sind! Best of luck :)

Plunker Ausgang:

http://plnkr.co/edit/XnvfIFkuzu0opanIcMES?p=preview

+0

es funktioniert nicht vollständig.Wie ich habe die erste Option, die ausgewählt werden wird. $ $ scope.permissionForm.homePostPermission = $ scope.permissions [0] '. Aber die letzte Option wird ausgewählt. – Debojyoti

+0

Vielen Dank für Ihre Zeit. – Debojyoti

Verwandte Themen