降角丸
降角丸
提问于 2014-09-23 12:42:09
我想用一个下垂的角度来制造药丸。我已经做到了这一点，但问题是，只有跨度或a是可点击的，而不是其余的药丸。然而，如果我点击药丸，它仍然高亮药丸，但不做它必须做的任务，当我点击它。我如何实现整个跨度是可点击的，而不仅仅是文本。
下面是我的代码：
<div data-tabset="" type="pills">
<div style="height: 80px" data-tab="" data-active="item.active" data-ng-repeat="item in items" data-ng-if="(item.Processes.length >= 1)">
<div data-tab-heading="">
<span style="height: 80px" class="dropdown" ng-if="(item.Processes.length > 1)">
<span class="dropdown-toggle">
{{item.Name}}
</span>
<ul class="dropdown-menu">
<li ng-repeat="proc in item.Processes">
<a dropdown-toggle ng-click="Function2(item.ID,proc.UniqueID)">{{proc.Description}}</a>
</li>
<li>
<a dropdown-toggle ng-click="Function1(item.ID,-1)">all</a>
</li>
</ul>
</span>
<span style="height: 80px" ng-if="(item.Processes.length == 1)" ng-click="Function1(item.ID,item.proc.UniqueID)">{{item.Name}}</span>
</div>
</div>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2014-10-30 16:13:35
通过在所有跨度上添加一个函数来解决这个问题，该函数检查选择了什么值，取消了所有值，并选择了该值。这并不是因为单击现在起作用，而是至少现在选择了错误的单击。
Html：
<div data-tabset="" type="pills">
<div data-ng-if="(subsidiaries.length == 0)"><h2>U heeft geen werkmaatschappijen om te tonen</h2></div>
<div style="height: 80px" data-tab="" data-active="sub.active" data-ng-repeat="sub in subsidiaries" data-ng-click="setPillSelected()" data-ng-if="(sub.Processes.length >= 1)">
<div data-tab-heading="">
<span style="height: 80px" class="dropdown" dropdown ng-if="(sub.Processes.length > 1)">
<span class="dropdown-toggle" dropdown-toggle>
{{sub.Name}}
</span>
<ul class="dropdown-menu">
<li ng-repeat="proc in sub.Processes">
<a ng-click="generateFunnelData(sub.SubsidiaryID,proc.SubsidiaryProcessID, true)">{{proc.Description}}</a>
</li>
<li>
<a ng-click="generateFunnelData(sub.SubsidiaryID,-1, true)">alles</a>
</li>
</ul>
</span>
<span style="height: 80px" ng-if="(sub.Processes.length == 1)" ng-click="generateFunnelData(sub.SubsidiaryID,sub.proc.SubsidiaryProcessID, true)">{{sub.Name}}</span>
</div>
</div>
</div>javascript侧：
setPillSelected: function () {
var self = this;
self.$.subsidiaries.forEach(function(subsidiary) {
if (subsidiary.SubsidiaryID == self.$.subsidiary.SubsidiaryID) {
subsidiary.active = true;
} else {
subsidiary.active = false;
}
});
},我希望它能帮助其他人
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25995409
复制相关文章
相似问题
腾讯云开发者
