angulaire.js - Que dois-je faire si l'événement click du bouton bouton contenu dans la balise label en angulaire (ionique) n'est pas valide?

Question

Mes besoins sont comme ça. Je souhaite ajouter une icône de recherche dans le champ de recherche et pouvoir cliquer pour rechercher
J'ai donc commencé à le faire étape par étape selon l'idée<🎜. >

//myController
<label class="item item-input">
        <input class="cft-textField" type="text" placeholder="例：大闸蟹" >
        <button class="ctf-search-btn" ng-click="dianji()"></button>
</label>

angular.module('myApp',['ionic'])
        .controller('myController',myController);

    function myController($scope) {
        $scope.dianji = function () {
            console.log('hello')
        }
}

Après avoir écrit, j'ai constaté que cliquer sur le bouton n'est pas valide. Il est efficace sans utiliser d'environnement ionique ou angulaire. De plus, lorsque vous cliquez sur le bouton, le curseur se concentre sur le champ de recherche. Que se passe-t-il ? réponses de tous les experts. C'est très utile Merci

.

Answer 1

Le problème d'étiquette n'a rien à voir avec l'environnement angulaire/ionique
Placez le bouton à l'extérieur de l'étiquette ou remplacez l'étiquette par p

.

Answer 2

Il peut être utilisé
http://runjs.cn/code/3ynzz3jv