angular.jsバージョン1のスクリプトを使用して選択ボックスを追加します。

-2

スクリプトを使用して選択ボックスの値を追加します。 // htmlコードangular.jsバージョン1のスクリプトを使用して選択ボックスを追加します。

<html> 
<body> 
<p> 
    <select ng-model="selectedValue" ng-option="c1.name in c1 in c in personInfo.city"></select> 
    </p> 
</body> 
>/html>

//スクリプト

$scope.personInfo = {}; 

      $scope.personInfo.city = [ 
      {name:"Select City Name", value:""}, 
      {name:"Pune", value:"P"}, 
      {name:"Mumbai", value:"M"}, 
      {name:"Delhi", value:"D"}, 
      {name:"Kerla", value:"K"}, 
      ];

出典

2017-11-27 chetan.mohol

質問を説明してください。 –

は、あなたのオプションは、ng-options="item as item.name for item in personInfo.city"

var myApp = angular.module('myApp',[]); 
 
myApp.controller('MyCtrl',function($scope, $timeout) { 
 
$scope.personInfo = {}; 
 

 
      $scope.personInfo.city = [ 
 
      {name:"Select City Name", value:""}, 
 
      {name:"Pune", value:"P"}, 
 
      {name:"Mumbai", value:"M"}, 
 
      {name:"Delhi", value:"D"}, 
 
      {name:"Kerla", value:"K"}, 
 
      ]; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
<select ng-options="item as item.name for item in personInfo.city" ng-model="selected"></select> 
 
</div>

0にしてください

出典

2017-11-27 06:59:13 jitender

angular.jsバージョン1のスクリプトを使用して選択ボックスを追加します。

答えて

関連する問題