Ng-click в родительском div также в дочернем div

У меня есть следующий код:

        <table class="table">
            <tr>
                <th>Name___</th>
            </tr>
            <tr ng-repeat="app in apps"
                ng-click="go('/editApp/' + plugin.name);">

                <td>
                    <span>{{app.name}}</span>
                </td>
                <td style="width: 100px;">
                    <i class="glyphicon glyphicon-pencil" 
                              ng-click="openPopup(app)"></i>
                </td>
            </tr>
        </table>

Когда я нажимаю на OpenPopup, также запускаю метод go(), как я могу это сделать, если я нажимаю на всплывающее окно, только всплывающее окно срабатывает?

Ответы

Ответ 1

Выполняется, потому что ваш <td> вложен в <tr>, а затем щелкнуть сначала, нажав openPopup()

затем нажмите go(). Вы можете использовать $event.stopPropagation() для распространения события остановки до <tr>. Попробуйте

        <table class="table">
        <tr>
            <th>Name___</th>
        </tr>
        <tr ng-repeat="app in apps"
            ng-click="go('/editApp/' + plugin.name);">

            <td>
                <span>{{app.name}}</span>
            </td>
            <td style="width: 100px;">
                <i class="glyphicon glyphicon-pencil" 
                          ng-click="openPopup(app);$event.stopPropagation()"></i>
            </td>
        </tr>
    </table>