2016-03-24 23 views
1

Farklı seçenekler için açılan menüde, bir API'nin adı farklı olacaktır.AngularJS açılır menüsü

HTML:

<select id="select"> 
    <option ng-repeat="p in projects | unique:'pId'" value="{{p.pId}}" 
      ng-model="p.pName" ng-click="onSelectClick(p.pId)" 
      ng-selected="{{p.pId == selectedId}}">{{p.pName}} 
    </option> 
</select> 

JS:

var pDetails = { 
        "pId": pId, 
        "pName": pName, 
         } 
$scope.Projects.push(pDetails); 
+3

Ne çalışmayan demek? –

+0

kromda Bu seçeneği seçemiyorum. Ng-change veya ng-click seçtikten sonra –

+0

çalışmıyor. –

cevap

3

HTML:

<select data-ng-model="Pdetail" data-ng-options="d.Id as d.Name for d in 
orderedProjects" class="form-control">`                
      <option value="">-- Select --</option> 
</select> 

Ve içinde

JS:

$scope.orderedProjects = {}; 
var projectDetails = { "projectId": projectId, "projectName":projectName};   
$scope.orderedProjects.push(projectDetails); 
+0

ans için teşekkürler. ancak ng-change seçeneği –

+0

seçeneğini seçtikten sonra çalışmaz. Bir ng-change = "function (id, name)" yerleştirebilirsiniz. Yaptım ama çalışmıyor. Teşekkürler –

+0

HTML içinde ekle: ng-change = "ordPro()" ve JS: $ scope.ordPro = function() {var OrdPro = $ scope.Pdetail; }. Data-ng-seçeneğinde, orderProjects öğesinin kimliğini seçerek, ng-change işlevini –

İlgili konular