0

我正在为 ng-admin 使用多种语言的功能。在文件 header.html 中，我添加了一个包含语言列表的下拉列表。单击每个选项会触发一个函数调用。

函数本身位于 /js/main.js 中的控制器内

单击任何语言都会导致ReferenceError: serve_language is not defined。

这是两个文件的内容：

header.html

<ul class="nav navbar-top-links navbar-right hidden-xs">
    <li uib-dropdown ng-controller="languageCtrl">
        <a uib-dropdown-toggle href="#" aria-expanded="true">
            <i class="fa fa-user fa-lg"></i>&nbsp; Language&nbsp;<i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-user" role="menu">
            <li><a href="#" onclick="serve_language('en')"><i class="fa fa-sign-out fa-fw"></i> English</a></li>
            <li><a href="#" onclick="serve_language('ge')"><i class="fa fa-sign-out fa-fw"></i> German</a></li>
            <li><a href="#" onclick="serve_language('fr')"><i class="fa fa-sign-out fa-fw"></i> French</a></li>
            <li><a href="#" onclick="serve_language('sp')"><i class="fa fa-sign-out fa-fw"></i> Spanish</a></li>
        </ul>
    </li>
</ul>

main.js

'use strict'
var myApp = angular.module('myApp', ['ng-admin','ng-admin.jwt-auth', 'nvd3']);
myApp.controller('languageCtrl', ['$translate', '$scope', function ($translate, $scope) {
    $scope.serve_language = function (langKey) {
       console.log("@langctrl"); 
    };
}]);

我也尝试将该函数调用为 languageCtrl.serve_language()，但这导致ReferenceError: languageCtrl is not defined

4

3 回答 3

1

不要使用 href="#"和 ng-click 否则它将重定向到您的默认路由（如果添加了路由）。

ng-click代替onclick. _

于 2017-07-05T10:21:37.750 回答
1

你应该onclick改为ng-click

<ul class="dropdown-menu dropdown-user" role="menu">
            <li><a ng-click="serve_language('en')"><i class="fa fa-sign-out fa-fw"></i> English</a></li>
            <li><a ng-click="serve_language('ge')"><i class="fa fa-sign-out fa-fw"></i> German</a></li>
            <li><a ng-click="serve_language('fr')"><i class="fa fa-sign-out fa-fw"></i> French</a></li>
            <li><a ng-click="serve_language('sp')"><i class="fa fa-sign-out fa-fw"></i> Spanish</a></li>
        </ul>
于 2017-07-05T10:11:17.023 回答
0

ng-click用作angularjs支持onclick

于 2017-07-05T10:52:42.453 回答