Angularjs选择不被$ scope变量

设置好的，我有一个非常简单的问题：

这是我我的控制器内的对象：

$scope.footballeur = {'identifiant':6,'prenom':'Thierry','nom':'Chalamerto','categorie':1,'ville':'Paris','age':17,'date_embauche':'','salaire':'28'};

请注意int变量categorie。

现在，在我看来，我已经有了一个非常简单的选择是这样的：

<div class="input-group"> 
    <span class="input-group-addon stdgp"></i> Catégorie</span> 
    <select ng-init="footballeur.categorie" ng-model="footballeur.categorie" class="form-control" > 
    <option value="1">Junior</option> 
    <option value="2">Confirmé</option> 
</select> 
</div><br>

之后，相信我与否，而是选择是无法得到我的值设置好的。它显示一个空行，它真的很烦人。

我真的很感激，如果有人有一个想法，唯一的工作是删除ng模型并将其替换为ng值，但是，我不能保存用户选择的新值！

我真的不知道该怎么办，我试过ng值而不是价值，它仍然不起作用！我已经删除了ng-init，它仍然没有改变！在我的SELECT中甚至没有循环，它应该直接工作！

这里的可怕情况图：

来源

2017-03-21 user7370387

新的答案（对不起，我误解你的第一眼问题）

我觉得你的问题与"selected"属性做。尝试是这样的：

<option ng-selected="footballeur.categorie == 1" value="1">Junior</option>

OLD ANSWER

请选择这样

<select ng-model="footballeur_selected" class="form-control"> 
    <option ng-repeat="(fname, fvalue) in footballeur" value="{{fvalue}}">{{fname}}</option> 
</select>

来源

2017-03-21 19:20:04 jperelli

辉煌，你的新答案效果很好，非常感谢你，我认为这是自动的，但显然不是！ – user7370387

考虑使用ng-options设置<select>选项。

示例（HTML）：

<select class='form-control' 
    ng-model="mySelectedOption" 
    ng-options="myOptions"> 
</select>

例（JS）：

$scope.myOptions = [ 
    { id: "option1", name: "Option 1" }, 
    { id: "option2", name: "Option 2" }, 
    { id: "option3", name: "Option 3" } 
];

来源

2017-03-21 19:21:33

它可以自动！ ng-init不能这样工作。它很简单，用于评估表达式。

即使没有ng-init，你的代码也能正常工作。

<select ng-model="footballeur.categorie" class="form-control" > 
<option value="1">Junior</option> 
<option value="2">Confirmé</option> 
</select>

查看这里的implementation。

来源

2017-03-21 19:37:08

Angularjs选择不被$ scope变量

回答

相关问题