AngularJs在特定元素上的显示

我必须在单击的元素上显示一个编号栏。这是我的.jsp：AngularJs在特定元素上的显示

的List.jsp

<div class="mb-pane" ng-style="{height: panelsHeight}"> 
<file-system-meeting refresh="global.refreshMeetings"></file-system-meeting>

contentList.jsp：

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!-- the "more" button and "actions buttons". This should be refactored 
<div class="pull-right"></div>--> 

<!-- the core meeting display stuff. Really really simple. We should take care of the forced "size". --> 
<div class="media"> 
    <div class="media-left"> 
    <!-- ng-click='progressRun()' --> 
     <a href="#meetings/{{meeting.id}}" ng-click="progressRun($event)" > 
      <!-- <img ng-if="meeting.iconId" class="mb-repo-icon" ng-src="<c:url value="/restful/meetings/" />{{meeting.id}}/icons/{{meeting.iconId}}/thumbnail" /> --> 
      <img ng-if="!meeting.iconId" class="mb-repo-icon" src="<c:url value="/img/thumbnail.png" />" /> 
     </a> 
    </div> 
    <div class="media-body"> 
     <h3>{{ meeting.titolo }}</h3> 
     <h4>Sub Title</h4> 
     <h6>Creato Da: {{meeting.autore}}</h6> 
     <div id="prog" class="progress" ng-show="runp"> 
      <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"> 
       60% 
      </div> 
     </div> 
    </div> 
    <div class="media-right"> 
     <h5>Part: {{meeting.num_partecipanti}}</h5> 
     <h5>Doc: {{meeting.num_doc}}</h5> 
     <h5>Durata: {{meeting.durata}} min</h5> 
    </div> 
</div>

如何在点击元素上显示进度条？

感谢。

来源

2016-05-12 KPN24

你可能想看看[ngProgress（http://victorbjelkholm.github.io/ngProgress/）看看你是否可以使用也许或者看看他们的代码至少如何工作。 – rrd

您可以使用函数来设置范围。

所以在你的控制器，你就会有这样的事情：

$scope.functionName = function() { 
    $scope.trueValue = true; 
}

那么你要显示的是这样的NG-秀=“trueValue”

元素上使用NG-秀你也必须定义scope.trueValue是假的了这个功能的..另外，如果你想切换的真正价值，你就必须做到这一点的功能：

$scope.functionName = function() { 
    $scope.trueValue = !$scope.trueValue; 
}

来源

2016-05-12 08:38:44

这段代码让我可以显示prog列，但是在每个列表元素上，我只需要在单击元素上显示prog。 – KPN24

假设THI s是你的点击元素

<a href="#meetings/{{meeting.id}}" ng-click="progressRun($event)" > 
       <!-- <img ng-if="meeting.iconId" class="mb-repo-icon" ng-src="<c:url value="/restful/meetings/" />{{meeting.id}}/icons/{{meeting.iconId}}/thumbnail" /> --> 
       <img ng-if="!meeting.iconId" class="mb-repo-icon" src="<c:url value="/img/thumbnail.png" />" /> 
      </a>

//控制器JS

$scope.runp = false; 

$scope.progressRun = function ($event) { 
    $scope.runp = true; 

}

来源

2016-05-12 08:47:02

我这样做了，但进度条显示在每个列表元素上，我只需要在单击的元素上显示progressiv。 – KPN24

“但每个列表元素都显示进度条” 没有意义，这句话是什么意思。也许你错过了一些重要的代码与我们分享。 –

其简单...点击列表项 - >进度条显示在每个元素上，但我希望它只出现在点击的项目上。没有更多。 – KPN24

AngularJs在特定元素上的显示

回答

相关问题