ng-show没有任何影响

时间:2017-08-16 08:17:19

标签: angularjs ng-show angular1.6

我有一个尝试使用ng-show的基本示例。如果从国家/地区下拉框中选择“GB”,我实际上只想显示页面的一部分。我已经验证了当我从下拉框中选择GB时,ctrl接收到'GB'。但是,元素最初不会隐藏在页面上,从选择框中选择内容不会产生任何影响。我很感激任何帮助。

<ng-form name="directorsForm" cc-pitch-form="5" ng-controller="work.myCtrl as ctrl">
    <div class="row cc-form__group">
        <div class="columns large-3">
            <label>Country</label>
        </div>
        <div class="columns large-3 left">
            <select ng-options="country.code as country.name for country in ctrl.countryList" ng-model="ctrl.selectedCountry" />
        </div>
    </div>

    <div ng-show="ctrl.selectedCountry =='GB'">
        <div class="columns large-3">
            <label>Enter address</label>
        </div>
    </div>
</ng-form>

1 个答案:

答案 0 :(得分:0)

替换此行

<select ng-options="country.code as country.name for country in ctrl.countryList" ng-model="ctrl.selectedCountry" />
像这样

<select ng-options="country.code as country.name for country in ctrl.countryList" ng-model="ctrl.selectedCountry" ></select>

选择中的自我关闭不是有角度的我希望它有帮助!!