根据下拉列表中的选择更改下拉列表名称

Question

我想根据下拉菜单中的选择更改导航栏中的下拉菜单名称。我发现 html 标签不支持 ng-click。我已经尝试过了，但它不起作用。帮助我找到解决此问题的方法。需要使用 angularJs 的解决方案，但最坏的情况可能是 jQuery。

我的代码：

HTML

      <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
              <li><a href="#">Link</a></li>
              <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Current: {{currentApplication}}</a>
                  <ul class="dropdown-menu" ng-repeat="application in applications" ng-click="changeApplication(application.name)">
                      <li><a href="#">{{application.name}}</a></li>
                  </ul>
              </li>
          </ul>
      </div>

角度

myApp.controller("navbarController", function ($scope, $http) {
  $scope.currentApplication = "default";

  var changeApplication = function(name) {
      $scope.currentApplication = name;
  };
  $http({
      method: 'GET',
      url: 'applications'
  }).then(function success(response) {
      $scope.applications = response.data,
  });
});

Answer 1

ng-click="changeApplication 什么都不做，因为您将函数定义为：

var changeApplication = function(name) {
    $scope.currentApplication = name;
};

绑定到$scope 为：

$scope.changeApplication = function(name) {
    $scope.currentApplication = name;
};