angular.js - angular（ionic）中 label標籤包含的button按鈕的click事件無效怎麼辦

Question

我的需求是這樣的，想在搜尋框中添加一個搜尋的圖標，能夠點擊搜尋
於是我就按照思路一步步開始做，下面是我的程式碼

//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')
        }
}

寫之後發現，點擊按鈕是無效的，不使用ionic或angular環境是有效的，還有就是點擊button 的時候遊標會聚焦到搜尋框，這是什麼情況啊，求各路大神解答，萬分感謝

Answer 1

label標籤的問題 與angular/ionic環境沒關係
把button放在label外或把label換成p

Answer 2

可以使用啊
http://runjs.cn/code/3ynzz3jv