方法是在范围仍然没有得到来自名为NG单击

Question

下面是我使用

<div ng-controller="profileEventsCtrl" > 
<div class="row mainNavbar" data-ng-show="hideVanityPlate"> 
<div id="navigatornavbarview" data-ui-view="navigatornavbarview"></div> 
</div> 
<div class="Profileindex" ng-init="init()"> 
<div id="profile" style="padding-bottom:20px"> 
    <div class="col-md-12"> <h1>My Events</h1></div> 
    <div class="row"> 
     <div class="col-md-2"> 
      <div profile-navigation=""></div> 
     </div><!--col-md-2--> 
     <div class="col-md-10"> 
      <accordion close-others="true"> 
       <accordion-group is-open="status.open" ng-repeat="userEvent in userEvents"> 
        <accordion-heading> 
         {{userEvent.Event.Title}} 
         <div class="condensed medium pull-right date">{{userEvent.Event.FormatedEventDateStartToEnd}} &nbsp</div> 
         <div class="condensed medium lineblock"> 
          <span class="place ">{{userEvent.Event.Location}}</span> | <span class="place" ng-click="switchEvent(userEvent.Event.Code)" ><span>{{SwitchEventText}}</span></span> 
         </div> 
        </accordion-heading> 
       </accordion-group> 
      </accordion> 
     </div> 
    </div> 
</div> 

这里的HTML是，我使用

(function (ng, app) { 
'use strict'; 

app.controller('profileEventsCtrl', ['$scope', '$location', '$state', '$rootScope', '$q', '$timeout', 'localization','profileSvcs', profileEventsCtrl]); 
function profileEventsCtrl($scope, $location, $state, $rootScope, $q, $timeout, localization, profileSvcs) { 
    $scope.userEvents = {}; 
    $scope.SwitchEventText = "Switch Events" 

    $scope.init = function() { 
     $rootScope.currentScope = $scope; 
     $scope.hideVanityPlate = true; 
     $scope.getMyEvents(); 

    }; 


    $scope.getMyEvents = function() { 
     profileSvcs.getMyEvents().then(function (response) { 
      $scope.userEvents = response.data; 
     }); 
    } 

    $scope.switchEvent = function (eventCode) { 
     var newLocationHash = "/" + $rootScope.cultureCode + "/navigator/" + eventCode + "/profile"; 
     $location.path(newLocationHash); 
    } 



}  
})(angular, app); 

控制器

所有其他组件工作正常。数据正在从API加载并被填充。但ng-click不起作用。我不会遇到任何控制台错误，因此难以调试。

此外还要测试功能switchEvent是否在范围内。我试过ng-init而不是ng-click，并且函数被调用了ng-repeat中的每一行，因此我认为switchEvent在范围之内。

Answer 1

尝试通过与对象NG点击和访问点击函数内部的财产

ng-click="switchEvent(userEvent)" 

控制器：

$scope.switchEvent = function (eventCode) { 
     var newLocationHash = "/" + $rootScope.cultureCode + "/navigator/" + eventCode.Event.Code + "/profile"; 
     $location.path(newLocationHash); 
    } 

Answer 2

看到这一行： -

<span class="place "> 
    {{userEvent.Event.Location}} 
</span> | 
<span class="place" ng-click="switchEvent(userEvent.Event.Code)"> 
    <span> 
     {{SwitchEventText}} 
    </span> 
</span> 

根据你在哪里你点击这个方法调用

它可能没有被调用，因为您没有按确切的跨度。可能是...

尝试将其更改为

<span class="place "> 
    {{userEvent.Event.Location}} 
</span> | 
<span class="place" ng-click="switchEvent(userEvent.Event.Code)"> 
    {{SwitchEventText}} 
</span> 

取出里面跨度

Answer 3

更换accordion.js与http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.2.0.js，它为我工作。