文章/答案/技术大牛

发布

社区首页 >问答首页 >使用多个视图的角浏览会产生意想不到的结果。

问使用多个视图的角浏览会产生意想不到的结果。
EN

Stack Overflow用户

提问于 2015-08-14 19:49:50

回答 1查看 341关注 0票数 0

我试图使用角-旅游插件提供一个网站功能的短期浏览。我希望工具提示弹出在每个图标中，在水平肚脐。navbar是一个视图，即使我在index.html中包含了所需的脚本等，但它只是呈现文本，而这也被主视图所切断。这说得通，但我怎么才能解决这个问题呢？

我还在angular.module中包括了角游.我感谢任何帮助，我还包括了一个屏幕截图，它看起来是什么样子(纯文本“突出显示”)。在编辑之前，我只是尝试实现从http://daftmonk.github.io/angular-tour/到我的应用程序的示例。

index.html

<!DOCTYPE html>
<html lang="en">
<head>

  <title>Scrummage</title>

  <link rel="stylesheet" href="../bower_components/normalize.css/normalize.css">
  <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type="text/css"/>
  <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
  <link rel="stylesheet" href="./css/main.css">
  <link href="../bower_components/angular-tour/dist/angular-tour.css" rel="stylesheet" type="text/css"/>

  <script src="../bower_components/angular/angular.js"></script>
  <script src="../bower_components/angular-route/angular-route.js"></script>
  <script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
  <script src="../bower_components/angular-drag-and-drop-lists/angular-drag-and-drop-lists.js"></script>
  <script src="../bower_components/angular-bootstrap/ui-bootstrap.js"></script>
  <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
  <script src="../bower_components/angular-ui-modal/angular-ui-modal.js"></script>
  <script src="../bower_components/angular-charts/dist/angular-charts.js"></script>
  <script src="../bower_components/d3/d3.js"></script>
  <script src="./js/app.js"></script>
  <script src="./js/services/utils.js"></script>
  <script src="./js/controllers/signin/signin.js"></script>
  <script src="./js/controllers/storyBoard/storyBoard.js"></script>
  <script src="./js/controllers/analytics/analytics.js"></script>
  <script src="./js/controllers/featureSetup/featureSetup.js"></script>
  <script src="../bower_components/jquery/jquery.js"></script>
  <script src="../bower_components/angular/angular.js"></script>
  <script src="../bower_components/angular-tour/dist/angular-tour-tpls.min.js"></script>

</head>

<body ng-app="scrummage">

  <div ui-view

  ></div>

</body>

</html>

navbar.html:

<div class="sidebar-nav">
    <ul>
      <li><a href="#"><i class="grow fa fa-gear nav-list-icon"></i></a>
<tour step="currentStep">
  <span tourtip="tip 1"> Highlighted </span>
  <span tourtip="tip 2"> Elements </span>
  <input tourtip="You can use it as an attribute on your element" />
  <span tourtip="Full options"
        tourtip-step="3"
        tourtip-next-label="Next"
        tourtip-placement="right"
        tourtip-offset="60">Full options</span>
</tour>
      </li>
      <div id= "analyticsModal" ng-controller='analyticsCtrl'>
      <li><a href = "#" ng-click="open()"><i class="grow fa fa-area-chart nav-list-icon"></i></a></li> 
            <div modal="showModal"  close="cancel()" ng-include="'../js/controllers/analytics/analytics.html'"></div>
      </div>
      <div id= "featureSetupModal" ng-controller='featureSetupCtrl'>
      <li><a href="#" ng-click="open()"><i class="grow fa fa-plus"></i></a></li>
          <div class="featureModal" modal="showModal" close="cancel()" ng-include="'../js/controllers/featureSetup/featureSetup.html'"></div>
      </div>
      <li><a href="/logout"><i class="grow fa fa-sign-out"></i></a></li>
    </ul>
</div>

css

angularjs

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-08-18 13:55:48

我知道我做错了什么。基本上，上面显示的屏幕截图是来自另一个视图中的视图，我错过了具有以下内容的视图：

$scope.currentStep = -1;

在父视图范围中。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32017668

复制

相似问题

问使用多个视图的角浏览会产生意想不到的结果。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用多个视图的角浏览会产生意想不到的结果。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用多个视图的角浏览会产生意想不到的结果。
EN