javascript - ng-Show 不在 ng-repeat 中更新

Question

我有以下内容

<table id="socialMediaContainer" class="socialMediaContainer" style="width: 100%;">
    <tbody>
        <tr ng-repeat="row in detailCollection.ChannelsInfo" 
            ng-controller="WhiteLabelSitesCtrl">
            <td><input id="txtSocialName" type="text" class="socialName"
                placeholder="Name" ng-disabled="ViewMode" maxlength="250"
                value="{{row.SocialChannelName}}" /> </td>
            <td><input id="txtSocialURL" type="text" class="txtLabel socialURL"
                placeholder="URL" ng-disabled="ViewMode" maxlength="250"
                value="{{row.SocialChannelURL}}" />
            </td>
            <td class="DragnDropIcon"></td>
            <td>
                <a class="orange " ng-show="ViewMode">Upload</a></td>
        </tr>                    
    </tbody>
</table>

我在 ng-repeat 之外还有另一个按钮，用于更新 ViewMode 变量，但这在 ng-repeat 内部不起作用，既不适用于 ng-show，也不适用于 ng-disabled。我在这里错过了什么？

Answer 1

问题似乎是，您需要将 ngController 指令移动到 table 级别(至少):它不能与 ngRepeat 如果后者迭代 Controller 中定义的数组。

<table ng-controller="WhiteLabelSitesCtrl" ... >
    <!-- ... -->
</table>

演示: http://plnkr.co/edit/tu4TLmWIxdcYaiEd7whn?p=preview