百度地圖 工具欄 如何觸發(fā)事件執(zhí)行 ng-click沒反應(yīng)

仿照百度的這個(gè)頁面制作右上角的工具欄，點(diǎn)擊切換工具欄的子菜單，html代碼如下：

                               <div class="tool-wrap">
                                <div class="boxopt" ng-click="box">
                                     <span id="util_control"></span>
                                     <i class="boxtext">工具</i>
                                     <em></em>
                                 </div>
                             
                                <div class="detail-box" ng-if="toolFlag" >
                                    <ul class="boxinfo">
                                        <li class="map-measure">
                                            <sapn class="last measure">
                                            </sapn>
                                            <i>
                                                測距
                                            </i>
                                        </li>
                                        <li class="map-mark">
                                            <sapn class="last mak">
                                            </sapn>
                                            <i>
                                                標(biāo)記
                                            </i>
                                        </li>
                                    </ul>
                                </div>

js代碼如下：

$scope.toolFlag = false;
        $scope.box = function() {
            $scope.toolFlag = true;
            console.log("ssss");
        }

但是根本就不觸發(fā)怎么回事？？？