2017-08-24 21 views
0

ドロップダウンの選択に応じて、ナビゲーションバーのドロップダウン名を変更します。 ng-clickはHTMLタグではサポートされていません。私はそれを試してみましたが、うまくいきません。この問題の解決策を見つけるのを手伝ってください。 angularJsのソリューションは必要ですが、jQueryは最悪の場合可能です。ドロップダウンの選択に応じてドロップダウン名を変更します

マイコード:へ

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

バインド:あなたはとしての機能を定義しているため

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, 
    }); 
}); 

答えて

0

ng-click="changeApplicationは何もしませんとして:

$scope.changeApplication = function(name) { 
    $scope.currentApplication = name; 
}; 
関連する問題