Угловых нг-повтор, игнорируя вложенные нг-если

Question

Howdie сделать,

Я пытаюсь отображать только вариант, если код, который клиентом использует для входа, совпадает с $ scope.code в контроллере.

Затем в HTML должен отображаться параметр, соответствующий коду, в который входит клиент.

Вид:

<div class=""> 
<select id="customer-dd" ng-model="selectedCustomer" ng-repeat="(group, msg) in codes"> 
    <option value="">select...</option> 
      <div ng-if=" 'group' == 'code' "> 
       <option value="{{ group }} ">{{ msg }}</option> 
      </div> 
</select> 
</div> 

Контроллер:

$scope.code = dataFactory.getCode(); 
$scope.codes = { 

'ABC': 'First option', 
'DEF': 'Second option' 
} 

Там должен быть только один вариант, показывающий, как клиент не может войти в систему с более чем одним кодом в то время

Однако, когда я запускаю это, я получаю два поля ввода вместо того, чтобы соответствовать коду.

Что-то я здесь не хватает?

* UPDATE *

Я обновил код на следующие и несколько вариантов по-прежнему печатаются:

<div class=""> 
<select id="customer-dd" ng-model="selectedCustomer" ng-repeat="(group, msg) in codes"> 
    <option value="">select...</option> 
     <div ng-if=" group == code "> 
      <option value="{{ group }} ">{{ msg }}</option> 
     </div> 
</select> 
</div> 

* UPDATE * @ieaglle Удаление DIV позволило если заявление для excecute. Обновленный HTML:

<div class=""> 
<select id="customer-dd" ng-model="selectedCustomer" ng-repeat="(group, msg) in codes"> 
    <option value="">select...</option> 
    <option ng-if=" group == code " value="{{ group }} ">{{ msg }}</option> 
</select> 
</div> 

THANKKKK UUUU !!!

Answer 1

Попробуйте использовать ng-options вместо фильтрованного объекта.

http://jsfiddle.net/joshdmiller/hb7lu/

HTML:

<select ng-model="selectedCustomer" ng-options="msg for (group, msg) in filterObjsByProp(codes)"></select> 

JS:

$scope.code = 'ABC'; 
$scope.codes = { 

    'ABC': 'First option', 
     'DEF': 'Second option' 
}; 

$scope.filterObjsByProp = function (items) { 
    var result = {}; 
    angular.forEach(items, function (value, key) { 
     if (key === $scope.code) { 
      result[key] = value; 
     } 
    }); 
    return result; 
} 

Хотя это перебор, так как объект не может иметь несколько свойств с тем же именем, так что вы будете только когда-либо 1 в выборе. Таким образом, возможно, выбор не самый лучший вариант здесь, или, может быть, массив с объектами key/value лучше.

Answer 2

Измените свой HTML-код на это. Обратите внимание на изменение в инструкции ng-if.

<div class=""> 
<select id="customer-dd" ng-model="selectedCustomer"> 
    <option value="{{ group }}" ng-repeat="(group, msg) in codes">select... 
      <div ng-if=" group == code "> 
       {{ msg }} 
      </div> 
    </option> 
</select> 
</div>