0

したがって、Web API バックエンドを備えた単一ページ アプリケーションを使用しているため、複数のエンドポイントからデータを取得するため、複数の入れ子になったビューモデルがあります。このアプリケーションは非常にモジュール化された設計になっているため、ここにコードを入れるのは少し難しいですが、最善を尽くします。

私がやろうとしているのは、Condition1またはCondition2がtrueの場合にのみ、data-bind ifステートメントを使用してHTMLセグメントを含めることです。私が問題を抱えている部分は、Condition1とCondition2が一般的なビューモデルにあり、必要な値がbind with は、「with:deal」ステートメントで見られるように、deal ビューモデルにあります。どうすればこれを達成できるか、誰にも分かりますか？

ビューモデル

     var self = this;
     self.deal = ko.observable();
     self.general = ko.observable();

    calculation.getBasicFactsDeal(calculationId, function (data) {
        self.deal(mapping.fromJS(data));
        var data = self.deal();
    });

    calculation.getBasicFactsGeneral(calculationId, function (data) {
        self.general(mapping.fromJS(data));
        var data = self.general();
    });

HTML:

    <div class="section" data-bind="with: deal">
        <div data-bind="if: $root.general().Condition1 || $root.general().Condition2 >
            <label >Is this a New Client?</label>


            <input type="radio" name="RadioGroup" id="Radio1" value="true" data-bind="    checkedRadioToBool: NewClient" />
            <label for="radio1">Yes</label>
            <input type="radio" name="KSTProcurmentRadio" id="Radio2" value="false" data-bind="    checkedRadioToBool: NewClient" />
            <label for="radio2">No</label>
            </div>
    </div>
4

2 に答える 2

1

スコープに問題がありますか。どうですか：

<div class="section">
    <div data-bind="if: $root.general().Condition1 || $root.general().Condition2">
        <!-- ko with: deal -->
            <label>Is this a New Client?</label>
            <input type=" radio " name="RadioGroup " id="Radio1 " value="true " data-bind="checkedRadioToBool: NewClient" />
            <label for="radio1 ">Yes</label>
            <input type="radio " name="KSTProcurmentRadio " id="Radio2 " value="false " data-bind="checkedRadioToBool: NewClient " />
            <label for="radio2 ">No</label>
        <!-- /ko -->
    </div>
</div>
于 2013-06-04T18:06:38.830 に答える