Transclude создает отдельную область видимости - PullRequest
Новая
       6

Transclude создает отдельную область видимости

0 голосов
/ 05 октября 2018

Я использую библиотеку accordion angularjs.На нем transclude:true.

У меня есть переменная области видимости, которую я отображаю с помощью интерполяции {{variable}}.Когда я нажимаю на переключатели, отображаемое значение должно измениться.

Я установил переключатель по умолчанию и значение переменной по умолчанию при загрузке.Но он не показывает соответствующие значения в интерполяции, когда я нажимаю на другие переключатели.

Это работало до использования с библиотекой.Я прочитал, что transclude создает новую область.Как мне сделать эту работу? 

<collapsible-item item-title="Configure Maintenance Bill">
    <div class="col-md-3">
       <!-- Group of material radios - option 1 -->
       <div class="form-check">
          <input type="radio" class="form-check-input" id="x" name="groupOfMaterialRadios" ng-checked="maintenance_bill_rate_type ==='3' && maintenance_bill_rate_type==='4'"
             ng-model="type" value="expense" ng-change="setCorpusFundDetFn('expense')">
          <label class="form-check-label" for="materialGroupExample1">Expenses</label>
       </div>
    </div>
    <div class="row">
    <div class="col-md-3">
       <label>
       <input type="radio" name="optradio" ng-model="maintenance_bill_rate_type" ng-disabled="type!='expense'"
          value="3" ng-change="setCorpusFundDetFn()">
       </label>
       <span class="align-middle">Per Flat</span>
    </div>
    <div class="col-md-3">
       <label>
       <input type="radio" name="optradio" ng-model="maintenance_bill_rate_type" value="4" ng-disabled="type!='expense'"
          ng-change="setCorpusFundDetFn()">
       </label>
       <span class="align-middle">Per Sqft</span>
    </div>
    <div class="col-md-4">
       <div ng-class="{'has-error': maintenanceBillForm.corpusFundnm.$invalid && maintenanceBillForm.$submitted}">
          <div class="input-group mb-3">
             <input type="text" class="form-control" ng-model="carpus_fund" ng-pattern="/^(\d)+$/" placeholder="Enter Corpus Fund"
                aria-describedby="basic-addon2 " name="corpusFundnm" required >
             <div class="input-group-addon">
                <span class="input-group-text" id="basic-addon3">{{corpusFundDet || 'wt'}}</span>
             </div>
          </div>
       </div>
    </div>
    </div>
    <collapsible-item>
...