綁定兩個HTML標籤一起

Question

.controller('mainCtrl', ['$scope', '$http', function($scope, $http){ 

$scope.wales_total = function(){ 
     $select_7 = parseInt($(".select_7 strong").html().replace(',' , '')); 
     console.log($select_7); 
     $welsh_total = Number($select_7 ||0); 
     return $welsh_total; 
}; 



$scope.scotland_total = function(){ 
     $select_8 = parseInt($(".select_8 strong").html().replace(',' , '')); 
     $total = Number($select_8 ||0); 
     return $total; 
}; 

$scope.ireland_total = function(){ 
     $select_9 = parseInt($(".select_9 strong").html().replace(',' , '')); 
     $total = Number($select_9 ||0); 
     return $total; 
}; 

$scope.totals_test = $(".total").html(); 

HTML：

<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> 

然後我們有一個隱藏顯示功能，將隱藏上面的部分，並顯示代碼，目前處於隱藏狀態。

HTML2：

<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> 

所以基本上，無論HTML是在類= 「總」 被傾倒到一個$ scope.totals_test變量。我想要做的是，如果我回到previos頁面，並更改html，有角度更新，當我再次前進。 （所有在一個頁面上，只顯示或隱藏不同的部分）

Answer 1

可以使用NG出現了顯示隱藏的而不是調用jQuery的，jQuery是無法消化下的angulr的js

也使用這樣的： $ scope.number.show ...如果你使用像這樣的hirerichy，它會反映在控制器..我不知道爲什麼，但它的作品

Answer 2

我不能完全理解你在問什麼，但我相信你正在尋找下面的視圖和控制器。

HTML

<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 
};