Question

我想在面板标题和面板页脚中向ng-model添加相同的变量。如果单击面板标题，则应禁用面板页脚。由于范围不同，即使在面板标题中更新变量后，面板页脚中的变量仍未定义。

    <div class="panel-heading" style="height: 45px; position: relative; float: left; width: 100%">
    <div class="row" style="padding: 0px 5px;">
        <div class="col-md-11" style="display: inline-flex;">
            <input type="checkbox" title="Accept" ng-model="isButtonDisabled" ng-click="disableFooter();isButtonDisabled=true">         
        </div>      
    </div>
</div>

 <div class="panel-footer" style="padding: 5px;">
    <div class="row">
        <div class="col-md-12">         
            <button class="btn btn-primary pull-right" ng-model="isButtonDisabled" ng-disabled="isButtonDisabled">
                <span ng-show="isButtonDisabled">Disabled</span>
            </button>
        </div>
    </div>
</div>

请帮忙！我是AngularJs的新手。

Answer 1

在div块中添加ng-controller =“yourController”

<div class="panel-heading" ng-controller="yourController">
....
</div>

<div class="panel-footer" ng-controller="yourController">
....
</div>

将相同模型添加到面板标题和页脚

1 个答案: