Dalam proses pembelajaran angularjs, saya melakukan latihan kecil memilih kawasan
Selepas pelaksanaan, fungsi itu tidak boleh dilaksanakan dalam pelayar yang berbeza
<h5 class="titright">选择区域:</h5>
<select name="addressid1" ng-model="query">
<option value="no">请选择</option>
<option value="{{phone.provinceid}}" ng-repeat="phone in phones" ng-click="getcity()">{{phone.province}}</option>
</select>
<select name="addressid2" ng-model="mycity" ng-show="num=='1'">
<option value="no">请选择</option>
<option value="{{phone.cityid}}" ng-repeat="phone in city| filter:query" ng-click="getareas()">{{phone.city}}</option>
</select>
<select name="addressid3" ng-show="num1=='1'">
<option value="no">请选择</option>
<option value="{{phone.areaid}}" ng-repeat="phone in areas| filter:mycity" >{{phone.area}}</option>
</select>
Ini adalah js
var phonecatApp = angular.module('phonecatApp', []);
phonecatApp.controller('PhoneListCtrl', ['$scope', '$http', function($scope, $http) {
$http.get('json/map_provinces.json').success(function(data) {
$scope.phones = data;
$scope.query="120000";
$scope.num=0;
$scope.num1=0;
});
$scope.getcity=function(){
$http.get('json/map_city.json').success(function(data) {
$scope.num=1;
$scope.num1=0;
$scope.city = data;
$scope.mycity="no";
});
};
$scope.getareas=function(){
$http.get('json/map_areas.json').success(function(data) {
$scope.num1=1;
$scope.areas = data;
$scope.myareas="no";
});
};
//$scope.orderProp = 'age';
}]);
Dalam pelayar 360
Dalam pelayar firefox
Gunakan Ng-change dalam pilihan
Adakah masalah dengan versi IE? Hanya Angular1.2-menyokong IE8.
Konteksnya tidak jelas, seperti versi ng, sama ada 360 pada masa ini dalam mod kelajuan atau mod keserasian, sama ada terdapat sebarang ralat dalam konsol, dsb.
Apa yang dikatakan di tingkat 1 adalah betul Ya, anda harus menggunakan perintah
<select>
ng-change
dalam