как использовать нг иницы с нг-повтором

Я создаю веб-приложение, в котором я использую выпадающий список и angularjs для обновления моей базы данных,как использовать нг иницы с нг-повтором

это мой синтаксис моего DropDownList

<select ng-model="ucomname" ng-change="uucomname(o)"> 
     <option ng-repeat="o in comnamelistfun" value="{{o.comname}}">{{o.comname}}</option> 
</select>

первое значение в этом выпадающем списке пуст, но я хочу, чтобы первое значение моего раскрывающегося списка было первым значением моего выпадающего списка, когда я использовал ng-init, я не могу отправить значение в ng-model какой-либо идеи?

источник

2016-10-19 Anonymous

Это проблема, когда мы используем нг-повтор с опцией. У меня была такая же проблема, но я не мог получить обходной путь. –

Вы пытались установить значение 'ucomname' после того, как' comnamelistfun' назначен контроллеру? –

– snowflakes74

Попробуйте этот код.

<select ng-model="ucomname" ng-options= "o.comname for o in comnamelistfun track by o.comname"> 
</select>

и в вашем контроллере. Положи это.

$scope.ucomname = $scope.comnamelistfun[0]; //This will select the first element.

Я надеюсь, что он должен работать :)

источник

2016-10-19 06:16:41

Сначала в вашем контроллере,

app.controller('cardController', ['$scope', 
    function($scope) { 
    $scope.ucomname = $scope.comnamelistfun[0] 
}])

Затем выберите окно,

<select ng-model="ucomname" ng-change="uucomname(o)" ng-options="o for o in comnamelistfun"> 
</select>

Это SHLD работа для вас.

источник

2016-10-19 06:17:47 Sravan

@ Ибрагим Шейх, попробовал это ? – Sravan

no Я пробовал это –

использовать '$ scope.comnamelistfun [0]' вместо 'comnamelistfun [0]' – Sravan

Вы можете использовать это. http://plnkr.co/edit/1EVs7R20pCffewrG0EmI?p=preview

(function() { 
    'use strict'; 

    angular 
    .module('app', []) 
    .controller('HomeCtrl', HomeCtrl); 

    HomeCtrl.$inject = ['$scope']; 

    function HomeCtrl($scope) { 

    $scope.cities = [ 
     { id: 1, name: 'London' }, 
     { id: 2, name: 'Chicago' }, 
     { id: 3, name: 'Moscow' }, 
     { id: 4, name: 'Mumbai' }, 
     { id: 5, name: 'Casablanca' } 
     ]; 

    // Pre-select city by id 
    $scope.selectedCityId = 1; 

    // Pre-select city by object 
    $scope.selectedCity = { id: 1, name: 'Casablanca' }; 

    } 
})(); 

    <!DOCTYPE html> 
<html ng-app="app"> 

<head> 
    <link rel="stylesheet" href="style.css" /> 
</head> 

<body ng-controller="HomeCtrl"> 
    <h3>Data List</h3> 

    <table> 
    <tbody> 
     <tr ng-repeat="city in cities"> 
     <td>{{city.id}}</td> 
     <td>{{city.name}}</td> 
     </tr> 
    </tbody> 
    </table> 

    <h3>Selected City (by Id)</h3> 
    selectedCityId: <strong>{{selectedCityId}}</strong> 
    <br/> 
    <br/> 
    <label>Select City 
    <select ng-model="selectedCityId" ng-options="city.id as city.name for city in cities"> 
     <option value="">-- Select City --</option> 
    </select> 
    </label> 

    <hr/> 

    <h3>Selected City (by object)</h3> 
    selectedCity: <strong>{{selectedCity}}</strong> 
    <br/> 
    <br/> 
    <label>Select City 
    <select ng-model="selectedCity" ng-options="city as city.name for city in cities track by city.id"> 
     <option value="">-- Select City --</option> 
    </select> 
    </label> 

    <hr/> 

    <!-- Scripts --> 
    <script data-require="[email protected]" data-semver="1.5.6" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
    <script src="HomeCtrl.js"></script> 

</body> 
</html>

источник

2016-10-19 06:22:55

как использовать нг иницы с нг-повтором

ответ

Смежные вопросы