私はAngularの初心者で、ng-modelの値を正しい方法で使用する方法を理解するのに苦労しています。
2 つのドロップダウン リストを作成し、これら 2 つの間の依存関係を作成したいと考えています。最初のリストのユーザー入力に応じて、2 番目のリストが表示されます。この場合、ユーザーはビールの発酵の種類 (ここでは上面発酵の Obergärig) を選択し、2 番目のドロップダウンは、ユーザーが「Obergärig」を選択した場合にのみ表示されます。ng-show で試してみましたが、うまくいかず、正しい方法で使用したとしても、その理由がわかりません。誰かが私が間違っていることを簡単に説明してくれたら、とても感謝しています。
最初のドロップダウンの HTML:
<div ng-controller="BierController">
<select ng-model="Bierart" ng-options="art as art.name for art in arten">
<option value="" disabled selected>Gärigkeit auswählen</option>
</select>
</div>
2 番目のドロップダウンの HTML:
<div ng-controller="OberController" ng-show="Bierart == 'Obergärig'">
<select ng-model="OberBier" ng-options="sorte as sorte.name for sorte in obere">
<option value="" disabled selected>Biersorte auswählen</option>
</select>
</div>
.js は次のとおりです。
app.controller("BierController", function($scope){
$scope.arten=[
{name:'Obergärig'},
{name:'Untergärig'},
{name:'Keine Angabe'}
];});
app.controller("OberController", function($scope) {
$scope.obere=[
{name:'Ale'},
{name:'Altbier'},
{name:'Berliner Weiße'}
];});
これが私の最初の投稿です。この投稿の質を向上させるためのあらゆるアドバイスに感謝します。また、私の悪い英語を許してください。