Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用angularJS的Bootstrap-Tour大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_197_1@
我目前正在开展@L_618_0@项目,我必须在页面显示@L_618_0@游览.

我看了一下Bootstrap-Tour,看起来并不那么糟糕.我在angluarJS控制器工作.所以我创建@L_618_0@Tour,添加一些步骤并创建@L_618_0@按钮,在AngularJS控制器中触发StartTour()函数

var t = new Tour({Container: "#main",BACkdrop: false,debug:true,orphan: true
});

t.addStep({
    element: "#content123",title: "title123",content: "Content123"
});

t.addSteps(
        [
  {
    element: ".message.message-1",// element SELEctor to show the popover next to;
    title: "Welcome to my tour!",content: "We're going to make this quick and useful."
  },{
    element: ".message.message-2",title: "Let's finish this thing off with a bang.",content: "Boom,bang,bam!"
  }
]);
// Initialize method on the Tour class. Get's everything loaded up and ready to go.


$scope.StartTour = function(){
//  t.init();

    t.start@R_874_6334@;
    console.log(t);
    console.log("start!!");
}

我现在面对的是,如果我不打电话给孤儿:当我创建New Tour时,当我点击按钮时没有任何事情发生.我该如何解决这个问题?也许一些Angular人使用这个工具?后来我想把它装在@L_618_0@指令里面.

解决方法

现在有@L_618_0@用于Bootstrap Tour的AngularJS包装器:

https://github.com/benmarch/angular-ui-tour

你可以在这里看到现场演示和文档:

http://benmarch.github.io/angular-ui-tour/#/docs

大佬总结

以上是大佬教程为你收集整理的使用angularJS的Bootstrap-Tour全部内容,希望文章能够帮你解决使用angularJS的Bootstrap-Tour所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。