UPDATE:對不起,我應該使人們更清楚,但我想要的東西也是如果我從選擇「下拉1」比null
值以外,我表2自動消失 b/C我只希望看到表1當我使用下拉1。 「drop down 2」同樣的事情。如果我從下拉選擇2選擇任何非空值,我的表1消失,我只看到表2.我也更新了我的小提琴這裏https://jsfiddle.net/missggnyc/4vod1L9g/7/和表隱藏如果從下拉列表中選擇null
值。我現在需要的是如何顯示一個或另一個表,具體取決於我使用的下拉列表。角NG-展示和NG-變化來顯示和隱藏在<select>標籤取決於用戶選擇表
原貼: 我變得有點困惑如何使用ng-show
或ng-change
顯示取決於兩個DIF用戶選擇我的兩個不同的表。下降。
這裏的情景:
只要用戶不與這兩個下拉菜單null
值選擇SELECT YOUR ANSWER
,我有一個過濾器,做字符串比較,並通過色彩過濾掉。這是我想要做的。
用戶從「下拉1」
- 節目表1選擇與過濾的結果,如果用戶沒有選擇「選擇你的答案」與空值
- 如果用戶選擇「選擇你的答案」,則沒有表顯示
- 隱藏表2只要‘下拉1’得到選擇
用戶從選擇‘下拉2’
- 節目表2用經過濾的結果,如果用戶沒有選擇「選擇你的答案」與空值
- 如果用戶選擇「選擇你的答案」,則沒有表顯示
- 隱藏表2只要「下拉1」被選中
我對如何在我的情況下使用ng-show或ng-change感到困惑。有什麼建議麼?
HTML
<div ng-app="myColors">
<div ng-controller="cController">
<h3>drop down 1</h3>
<select ng-model="selectedAnswer1" ng-options="c.cat for c in mySelection1" ng-change=""></select>
<pre>{{selectedAnswer1}}</pre>
<h3>drop down 2</h3>
<select ng-model="selectedAnswer2" ng-options="c.cat for c in mySelection2"></select>
<pre>{{selectedAnswer2}}</pre>
<hr>
<h4>
table 1
</h4>
<table>
<tr>
<td>ID</td>
<td>Category</td>
</tr>
<tr ng-repeat="f in fruit">
<td>{{f.id}}</td>
<td>{{f.f_category}}</td>
</tr>
</table>
<h4>
table 2
</h4>
<table>
<tr>
<td>Car</td>
</tr>
<tr ng-repeat="c in car">
<td>{{c.category}}</td>
</tr>
</table>
</div>
</div>
JS
var app = angular.module("myColors", []);
app.controller("cController", function($scope) {
$scope.mySelection1 = [
{"cat": "SELECT YOUR ANSWER", "value": null},
{"cat": "YELLOW", "value": "yellow"},
{"cat": "ORANGE", "value": "orange"}
];
$scope.mySelection2 = [
{"cat": "SELECT YOUR ANSWER", "value": null },
{"cat": "GREEN CAR", "value": "green"},
{"cat": "BLUE CAR", "value": "blue"}
];
$scope.fruit = [{
"id": "red",
"f_category": ["Apple", "Strawberry", "Pineapple"]
}, {
"id": "yellow",
"f_category": ["Banana", "Pineapple"]
}, {
"id": "orange",
"f_category": ["Peach", "Nectarine"]
}];
$scope.car = [{
"name": "yellow",
"category": ["SUV", "Truck"]
}, {
"name": "blue",
"category": ["Van"]
}, {
"name": "orange",
"category": ["Mini-Van"]
}];
});
哇...這麼簡單得多,比我的預期。只需觸發真正的和錯誤的組合。感謝你的回答!!! – missgg