javascript - 使用单选按钮时使按钮可点击

Question

所以我有以下观点:

<ion-view view-title="Training Detail">
    <ion-content class="padding">


            <ul class="list">

                <ion-item class="item item-checkbox item-button-right" ng-repeat="exercise in exercises" on-double-tap="sendToChangeExercise" on>
                    <label class="checkbox">
                        <input type="checkbox"  ng-click="didExercise(exercise.exerciseID)" >
                    </label>
                    <p><h2>{{exercise.exerciseName}}</h2></p>
                    <p>{{exercise.repetition}} <b ng-if="exercise.diaryRepetition.length > 0"><i> Eintrag im Trainingstagebuch: {{exercise.diaryRepetition}}</i></b></p>
                    <p>{{exercise.weight}} <b ng-if="exercise.diaryWeight.length > 0"><i> Eintrag im Trainingstagebuch: {{exercise.diaryWeight}}</i></b></p>
                  <button class="button button-positive" onclick="alert('fuuu')">
                    <i class="icon ion-ios-telephone"></i>
                  </button>
                </ion-item>

            </ul>

        <button class="button button-full button-positive" id="finisherButton" disabled="true" >
          {{getButtonString()}}
        </button>

    </ion-content>
</ion-view>

效果很好。我有一个单选按钮，无论我在该行中单击什么位置，单选按钮都会选择/取消选择。

但我想让用户可以更改重量和重复次数。我想在右侧添加一个按钮，用户可以单击并更改内容。但是，该按钮不可点击。即使我点击按钮，单选按钮也会选择/取消选择，而不是执行“按钮操作”。

如何制作这一行，以便单选按钮的效果在按钮之前“停止”？并且该按钮是可点击的？

感谢您的帮助!

Answer 1

您需要停止父级点击的传播。像这样放置你的按钮

<button class="button button-positive" ng-click="alert('fuuu'); $event.stopPropagation();">
   <i class="icon ion-ios-telephone"></i>
</button>