AngularJS passe la chaîne comme fonction à utiliser au ng-clic

Je veux attribuer une fonction javascript pour ng-cliquez sur le nom qui est utilisé par un service rest.

<li ng-class="{ active: isActive('url')}" data-ng-repeat="menu in mb.data">
   <a href="{{menu.href}}" data-ng-click="{{menu.javascript}}">{{menu.label}}</a>
</li>

Malheureusement, le angularjs analyseur lève une exception si une utilisation de {{ }} à l'intérieur de ng-click. J'ai donc essayé plusieurs solutions comme l'utilisation d'une fonction de rappel

  <a href="{{menu.href}}" data-ng-click="call(menu.javascript)">{{menu.label}}</a>

Mais aucun de mes idées réussi. Comment puis-je attribuer des fonctions javascript nom de ng-lécher? Btw. la fonction elle-même est une partie de $scope.

Edit - Ici est le contrôleur:

Le "$" menu de service est tout simplement un repos demande. Le résultat de la demande est un objet json et seulement la tenue de la chaîne de valeurs. Dans le numéro actuel le résultat pour le menu.javascript est "loginModal()".

.controller('HeaderController', function($scope, $http, ModalService, $menu, $routeParams) {
    $scope.loginModal = function() {
        console.log("modal", ModalService);
        //Just provide a template url, a controller and call 'showModal'.
        ModalService.showModal({
            templateUrl: "/modals/login.modal.html",
            controller: "LoginController"
        }).then(function(modal) {
            //The modal object has the element built, if this is a bootstrap modal
            //you can call 'modal' to show it, if it's a custom modal just show or hide
            //it as you need to.
            console.log(modal.element);
            modal.element.modal();
            modal.close.then(function(result) {
                console.log(result ? "You said Yes" : "You said No");
            });
        });
    };

    $menu.get($routeParams, function(data){
        $scope.menu = data;
    });
})

Edit 2:

Il est intéressant de noter lorsque j'utilise {{menu.javascript}} ensuite, la chaîne correcte "loginModal()" est disponible dans les DOM. Mais l'angle de l'analyseur s'y est arrêté en raison d'erreurs.

source d'informationauteur KIC | 2015-02-16

  1. 26

    Vous pouvez faire quelque chose comme ceci

    HTML

      <div ng-controller="TodoCtrl">
      <button ng-click="callFunction('testClick')">CLICK ME</button>
  </div>

    Contrôleur

    function TodoCtrl($scope) {

    $scope.callFunction = function (name){
        if(angular.isFunction($scope[name]))
           $scope[name]();
    }

    $scope.testClick = function(){
        alert("Called");
    }
}

    Travail Violon

    Espère que cela pourra vous aider. Merci.

  2. 0

    Vous pouvez utiliser la table de hachage de la notation de l'accès à la propriété de 'cette' objet (qui, dans ce cas, $champ):

    <li ng-class="{ active: isActive('url')}" data-ng-repeat="menu in mb.data">
   <a href="{{menu.href}}" data-ng-click="this[menu.javascript]()">{{menu.label}}</a>
</li>