切换复选框AngularJS

Question

我正在尝试在选中md-button Delete或Add时显示复选框，并在没有时消失。该复选框会自动隐藏，因为还没有按下按钮。当我按下按钮时没有任何反应。我也在使用Angular Material来构建应用程序。

感谢任何帮助

HTML

<md-menu>
    <img src="/imagepathhere" ng-click="$mdMenu.open($event)">

    <md-menu-content ng-model="checkbox">
      <md-menu-item>
          <md-button value="add"><p>Add</p></md-button>
      </md-menu-item>

      <md-menu-item>
          <md-button value="delete"><p>Delete</p></md-button>
      </md-menu-item>
    </md-menu-content>
</md-menu>

<md-content flex class="md-whiteframe-1dp" ng-model="checkbox">

  <md-list>
    <md-list-item layout="row">
      <img class="md-avatar" src="/imagepathhere" />
      <div flex>
        <h3>Babe Ruth</h3>
      </div>

      <md-checkbox ng-if="checkbox == 'delete'" layout="row"></md-checkbox>

    </md-list-item>
</md-list>