不能從角

Question

刪除空白選項這裏是選擇框

<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> 

，這是空白選項在選擇options.Cannot丟棄仍顯示控制器碼

//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; 

it.Please幫我。

已經加入此琴

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

謝謝您的時間

Answer 1

嘗試。改變表單名稱，並且還用對象初始化模型。

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>

Answer 2

你必須通過permision.value在NG選項添加曲目如下：

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

你完成了！祝您好運:)

Plunker輸出的：

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