Question

我有一份国家/地区下拉列表。当我选择一个特定的国家/地区时，我的输出应该被过滤，只显示该国家/地区的详细信息，以下是我的代码但不能正常工作。

<label for="filtercountry" class="control-label col-xs-2">Filter By Country</label>

<div class="col-xs-2">

        <select class="form-control">
            <option value="None">-- Select --</option>
            <option ng-model="Tofilter.country" value="India" ng-change="changed()">India</option>
            <option ng-model="Tofilter.country" value="USA" ng-change="changed()">USA</option>
            <option ng-model="Tofilter.country" value="Pakistan" ng-change="changed()">Pakistan</option>
            <option ng-model="Tofilter.country" value="China" ng-change="changed()">China</option>
            <option ng-model="Tofilter.country" value="Australia" ng-change="changed()">Australia</option>
        </select>
    </div>`<ul id="result">

姓名：{{x}}

`

Answer 1

对选择元素进行ng-change：

<select class="form-control" ng-change="changed()">

Answer 2

没有必要将您的模型置于所有选项中，将其放入选择

<select class="form-control" ng-change="changed()" ng-model="Tofilter.country">

Answer 3

<div class="col-xs-2">

        <select class="form-control" ng-change="changed()" ng-model="Tofilter.country" >
            <option value="None">-- Select --</option>
            <option value="India" >India</option>
            <option value="USA" >USA</option>
            <option value="Pakistan" >Pakistan</option>
            <option value="China" >China</option>
            <option value="Australia" >Australia</option>
        </select>
    </div>

选择下拉选项angularjs时触发

3 个答案: