我正在尝试制作一个MDL-Stepper,它运行良好,但我真的很难在工具提示中工作。
在我的网站的其他页面上我使用此javascript:
function ($scope, $timeout, bsLoadingOverlayService){
var initialize = function () {
//moreFunctions
$scope.initTooltips();
}
$scope.initTooltips = function () {
angular.element(".tooltipped").tooltip();
}
initialize();
});
并在HTML中:
<a class="btn right tooltipped" data-position="bottom" data-delay="50"
data-tooltip="TooltipText"
>ButtonText</a>
所有这些都很有效,但在使用MDL步进器时,工具提示不会出现。 我的Stepper看起来像这样:
<div class="mdl-card mdl-shadow--2dp">
<div class="mdl-card__supporting-text">
<div class="mdl-stepper-horizontal-alternative">
<div class="mdl-stepper-step" ng-class="{'editable-step': isStepDone(1) && !isStepActive(1), 'active-step' : isStepDone(1) || isStepActive(1)}" ng-click="stepTo(1)">
<div class="mdl-stepper-circle"><span>1</span></div>
<div class="mdl-stepper-title">StepOne</div>
<div class="mdl-stepper-bar-left"></div>
<div class="mdl-stepper-bar-right"></div>
</div>
<div class="mdl-stepper-step" ng-class="{'editable-step': isStepDone(2) && !isStepActive(2), 'active-step' : isStepDone(2) || isStepActive(2)}" ng-click="stepTo(2)">
<div class="mdl-stepper-circle"><span>2</span></div>
<div class="mdl-stepper-title">StepTwo</div>
<div class="mdl-stepper-bar-left"></div>
<div class="mdl-stepper-bar-right"></div>
</div>
</div>
</div>
我尝试在初始化函数和stepTo(..)函数中初始化工具提示,但它没有工作。