md-checkbox内の入力要素を選択するとチェックボックスが切り替わります

Question

複数のチェックボックスのリストには、ユーザがテキストを挿入できる「その他の」チェックボックスがあります。これは次のように定義されます

<md-checkbox class="md-checkbox-interactive" ng-model="$ctrl.someVar"> 
    <input type="text" placeholder="Placeholder" ng-model="$ctrl.someVarText"> 
</md-checkbox> 

クラスmd-checkbox-interactiveはinput要素のポインタイベントを可能にするために使用されます。

md-checkbox.md-checkbox-interactive { 
    .md-label { 
    input { 
     pointer-events: all; 
    } 
    } 
} 

これは、ラジオボタンについて同様の質問に次の答えから撮影された：https://stackoverflow.com/a/33304119/2051151

しかし、input要素を選択すると、チェックボックスはトグルされます。私はここで何が欠けていますか？

Answer 1

は、検索のビットの後、私はinput要素に以下を追加する必要があることがわかった：

機能は次のように定義されて

ng-click="$ctrl.onClickInput($event)" 

：これは、不要な切り替えを防ぐことができます

this.onClickInput = function (event) 
{ 
    // Prevent the click event to propagate 
    event.stopPropagation(); 

    // But toggle the checkbox if necessary 
    if (!vm.someVar) vm.someVar = true; 
} 

チェックボックスの