Javascript 将两个HTML标记绑定在一起

HTML:

卫生局
人口估计

{{selectedOption_7.value}}
{{{wales\u total（）}
卫生局
人口估计

{{selectedOption_8.value}
{{{scotland_total（）}
卫生局
挑选
人口估计

{{selectedOption_9.value}
{{{irland_total（）}

然后我们有一个隐藏显示函数，它将隐藏上面的部分，并显示当前隐藏的代码

HTML2：

<div ng-switch-when="NHS Wales Health Board">
                                <div class="col-sm-6 col-sm-offset-3">
                                    <form>
                                        <label class="pull-left">Health Board</label>
                                        <select ui-select2 class="form-control select_2nd" ng-model="selectedOption_7" ng-options="data as data.displayName for data in wales_data"></select>
                                        <div class="population_estimate_wrapper">
                                            <p class="population_estimate">Population Estimate</p>
                                            <div class="population_estimate_box" ng-model="selectedOption_7">
                                                <p class="hidden select_7"><strong>{{selectedOption_7.value}}</strong></p>
                                                <p class="total" ng-model="total">{{wales_total()}}</p>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>



                            <div ng-switch-when="NHS Scotland Health Board">
                                <div class="col-sm-6 col-sm-offset-3">
                                    <form>
                                        <div class="form-group">
                                            <label class="pull-left">Health Board</label>
                                            <select ui-se-lect2 class="form-control select_2nd" ng-model="selectedOption_8" ng-options="data as data.displayName for data in scotland_data"></select>
                                            <div class="population_estimate_wrapper">
                                                <p class="population_estimate">Population Estimate</p>
                                                <div class="population_estimate_box" ng-model="selectedOption_8">
                                                    <p class="hidden select_8"><strong>{{selectedOption_8.value}}</strong></p>
                                                    <p class="total">{{scotland_total()}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>



                            <div ng-switch-when="Northern Ireland Health And Social Services Board">
                                <div class="col-sm-6 col-sm-offset-3">
                                    <form>
                                        <div class="form-group">
                                            <label class="pull-left">Health Board</label>
                                            <select ui-select2 class="form-control select_2nd"  ng-model="selectedOption_9" ng-options="data as data.displayName for data in ireland_data">
                                                <option selected value>Select</option>
                                            </select>
                                            <div class="population_estimate_wrapper">
                                                <p class="population_estimate">Population Estimate</p>
                                                <div class="population_estimate_box" ng-model="selectedOption_9">
                                                    <p class="hidden select_9"><strong>{{selectedOption_9.value}}</strong></p>
                                                    <p class="total">{{ireland_total()}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>

原发性非家族性高胆固醇血症或混合性血脂异常

集水区总人口

{{totals\u test}

---

所以基本上，class=“total”中的任何html都应该转储到$scope.totals\u测试变量中。我想做的是，如果我返回到previos页面，更改html，在再次前进时进行角度更新。（所有内容都在一个页面上，只显示和隐藏不同的部分）

您可以使用ng show进行显示隐藏，而不是调用jquery，jquery不在AngularJS摘要下

---

也可以使用这样的内容：$scope.number.show。。。如果您像这样使用Hirrichy，它将反映在控制器中。。我不知道为什么，但它能工作

我不能完全理解您的要求，但我相信您正在寻找以下视图和控制器

HTML

<div class="main_container_wrapper">
        <div class="main_container">
            <div class="budget_row odd bg_lines_1">
                <p class="blue size15"><strong>Primary non-familial hypercholesterolaemia or mixed dyslipidaemia</strong></p>
                <div class="row_left">
                    <p class="grey size13"><strong>Total catchment population</strong></p>
                </div>
                <div class="row_right text-center">
                    <p class="number_box">{{totals_test}}</p>
                </div>
            </div>

---

第二部分是什么，我们不理解，很少解释？

<div class="main_container_wrapper">
        <div class="main_container">
            <div class="budget_row odd bg_lines_1">
                <p class="blue size15"><strong>Primary non-familial hypercholesterolaemia or mixed dyslipidaemia</strong></p>
                <div class="row_left">
                    <p class="grey size13"><strong>Total catchment population</strong></p>
                </div>
                <div class="row_right text-center">
                    <p class="number_box">{{totals_test}}</p>
                </div>
            </div>

<div ng-if="!showParagraph">
<p>{{number()}}</p>
<button ng-click="show">Click Me</button
</div>

<div class="example_2" ng-if="showParagraph">
<p ng-bind="number()"></p>
</div>

$scope.show= function() {
      $scope.showParagraph = true;
};

$scope.number = function() {
      5 * 5
};