AngularJS：ng-click不起作用

Question

I have a group-button with is included in a template add-new-document-template.html :

<div class="col-sm-4" style="text-align: right">
        <div class="btn-group" role="group">
            <button class="btn btn-default" ng-class="{active: layout == 'list'}"
                    ng-click="listView()">
                <i class="fa fa-list-ul fa-lg"></i></button>
            <button class="btn btn-default" ng-class="{active: layout == 'grid'}" ng-click="gridView()">
                <i class="fa fa-th fa-lg"></i></button>
        </div>
    </div>

Here is the directive: it's inculeded in an a parent directive

angular.module('bdocinteractive.addNewDocument')
.constant("NEW_DOC_TEMP_URL", {
    url: 'src/app/add-new-document/add-new-document-template.html'
})
.directive("addNewDocument", ["NEW_DOC_TEMP_URL", function (tempURL) {
    return {
        scope: true,
        restrict: 'E',
        controller: 'AddNewDocumentController',
        controllerAs: "addDocCtrl",
        templateUrl: tempURL.url
    }
}]);

And here is my Controller:

angular.module("bdocinteractive.addNewDocument").
controller("AddNewDocumentController", ["$scope", "AddNewDocumentService",
    function ($scope, AddNewDocumentService) {
        var me = this;
        $scope.gridView = function () {
            $scope.layout = "grid";
        };
        $scope.listView = function () {
            $scope.layout = "list";
        };
        $scope.models = [];
        $scope.layout = "list";
        $scope.modelSelectedId = "";
        AddNewDocumentService.getAllModels().success(function (data) {
            $scope.models = data;
        });
    }]
);

When clicking on the button, the ng-click is not fired

Can you help me please

NB: I'am working with Angular 1.3.15 Version

Answer 1

Do you have an alert method defined on your $scope ? Expressions in ng-click are not evaled on the global object (window), so you can't reference any global variables in that expression. You need something like:

$scope.alert = window.alert;

Answer 2

This is an updated answer...

I assume you are having a problem with toggling the value of $scope.layout the above example seems to be working.