AngularJS,你如何让一个'select'自动刷新?

AngularJS,你如何让一个'select'自动刷新?,angularjs,select,angularjs-scope,ng-repeat,Angularjs,Select,Angularjs Scope,Ng Repeat,当我在第1个“选择”中选择一个选项时,我在第2个“选择”中没有同时看到结果,我必须用“F5”手动刷新页面,以便我可以看到结果。 add_parcelle.html <div class="row"> <div class="col-md-12"> <div class="form-group" ng-class="{'has-error':Form.type.$dirty && Form.type.$invalid, 'h

当我在第1个“选择”中选择一个选项时,我在第2个“选择”中没有同时看到结果,我必须用“F5”手动刷新页面,以便我可以看到结果。 add_parcelle.html

  <div class="row">
    <div class="col-md-12">
        <div class="form-group" ng-class="{'has-error':Form.type.$dirty && Form.type.$invalid, 'has-success':Form.type.$valid}">
            <label for="form-field-select-2">
                Type de la parcelle <span class="symbol required"></span>
            </label>
            <select name="type" ng-model="type" title="select" class="cs-select cs-skin-elastic" ng-change="sendType(Form.type.$modelValue)" required>
                <option value="" disabled selected>Selectionnez un type</option>
                <option value="Lot">Lot</option>
                <option value="Parcelle">Parcelle</option>
                <option value="Zone">Zone</option>
                <option value="Plant">Plant</option>
            </select>
            <span class="error text-small block" ng-if="Form.type.$dirty && Form.type.$invalid">Champ bligatoire</span>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="form-group" ng-class="{'has-error':Form.idParcelle.$dirty && Form.idParcelle.$invalid, 'has-success':Form.idParcelle.$valid && Form.idParcelle.$dirty}">
            <label for="form-field-select-2">
                Parent de la parcelle <span class="symbol required"></span>
            </label>
            <select data-ng-init="showParents()" name="idParcelle" ng-model="idParcelle" title="select" class="cs-select cs-skin-elastic">
                <option value="" disabled selected>Selectionnez un parent</option>
                <option value="1">Aucun parent</option>
                <option ng-repeat="p in parcelle" value="{{p.idParcelle}}"><div ng-if="p.parent.libelle">{{p.libelle}}</div></option>
            </select>
            <span class="error text-small block" ng-if="Form.idParcelle.$dirty && Form.idParcelle.$invalid">Champ bligatoire</span>
        </div>
    </div>
</div>
在我使用的第一个“选择”中:

ng change=“sendType(Form.type.$modelValue)”

因此我可以存储Form.type并在函数showParents()中使用它,该函数在第二个“Select”中显示结果

数据ng init=“showParents()”

所以,这是我的问题!! 提前感谢:)

《古斯塔沃·加布里埃尔》编辑后 这是结果:


我在“选择”中没有看到列表,但我在控制台中看到它:p

在第一次选择中,将ng更改修改为:

ng-change="sendType(Form.type.$modelValue); showParents();"

希望对您有所帮助=)

在第一个选项中,选择修改您的ng更改为:

ng-change="sendType(Form.type.$modelValue); showParents();"

希望有帮助=)

html代码缩进太多html代码缩进太多谢谢兄弟,它可以工作但不是100%看这张图片我没有看到结果il“select”你确定你在对象中有libelle属性吗?是的,我在对象中有libelle属性。它现在可以工作了。这是一个缓存问题:p谢谢兄弟。谢谢兄弟,它可以工作,但不是100%看这张图片我没有看到结果il'select'你确定你在对象中有libelle属性吗?是的,我在对象中有libelle属性。它现在可以工作了。这是缓存的问题:p谢谢兄弟。