こんにちは、私はAngular Jsで良い習慣ではないかもしれないことをしています.
ここに私のhtmlコードがあります:
<div class="row">
<div class="col-md-6">
<label for="dealership">Dealership:</label>
<select data-placeholder="Select Dealers" class="chosen" id="select1" chosen="SelectedDealerRank" style="width: 100%;" ng-model="SelectedDealerRank" ng-options="SelectedDealerRank as SelectedDealerRank.Dealership for SelectedDealerRank in AllDealers" ng-change="search();"></select></div>
<div class="col-md-6">
<label for="staff-member">Staff member:</label>
<!--<input type="text" ng-model="staffquery" style="height:25px; width:130px;" ng-change="searchallstaffmembers()" class="input-large search-query" placeholder="Search">-->
<select data-placeholder="Select Staff member" class="chosen" chosen="staffMemberRank" ng-model="staffMemberRank" ng-options="staffMemberRank as staffMemberRank.StaffMemberName for staffMemberRank in d2filteredstaffmembers" ng-change="" style="width: 100%;"></select>
</div>
</div>
on ng-change 検索メソッドが呼び出されます....
検索方法
$scope.search = function () {
$scope.d2filteredstaffmembers = [];
for (var i = 0; i < $scope.filteredstaffmembers.length; i++) {
if (!$scope.SelectedDealerRank.DealerID.toString() || $scope.SelectedDealerRank.DealerID.toString() == 0) {
$scope.d2filteredstaffmembers.push($scope.filteredstaffmembers[i]);
}
else if ($scope.filteredstaffmembers[i].DealerID.toString() == $scope.SelectedDealerRank.DealerID.toString()) {
if ($scope.filteredstaffmembers[i] != null || $scope.filteredstaffmembers[i] != undefined) {
$scope.d2filteredstaffmembers.push($scope.filteredstaffmembers[i]);
}
}
}
$scope.currentPage = 0;
};
メソッドの呼び出し後、d2filteredstaffmembers をスタッフ メンバーのソースに新しい値に設定していますが、変更は表示されません。
何か案が?