Javascript 创建div后的$anchorScroll_Javascript_Jquery_Html_Angularjs_Anchor Scroll

Javascript 创建div后的$anchorScroll

javascript jquery html angularjs

Javascript 创建div后的$anchorScroll,javascript,jquery,html,angularjs,anchor-scroll,Javascript,Jquery,Html,Angularjs,Anchor Scroll,我在使用$anchorScroll时遇到问题。我有一个带有ng ig条件的div，在开始时不可见。我需要使用$anchorScroll函数在单击按钮时进入该div。此按钮还使div可见。现在不起作用，因为我认为它在创建div之前触发$anchorScroll。代码如下： <body ng-app="testApp" data-ng-controller="searchController as searchCtrl" > <div id="scrollArea">

我在使用$anchorScroll时遇到问题。我有一个带有ng ig条件的div，在开始时不可见。我需要使用$anchorScroll函数在单击按钮时进入该div。此按钮还使div可见。现在不起作用，因为我认为它在创建div之前触发$anchorScroll。代码如下：

<body ng-app="testApp"  data-ng-controller="searchController as searchCtrl" >

  <div id="scrollArea">
      <form>
         //HTML input elements

         <div class="buttons">
             <md-button class="md-primary md-raised" ng-click="searchCtrl.gotoTable('resultTable')">Start</md-button>
             {{searchCtrl.test}}
         </div>
      </form>
  </div>
  <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <!-- Smart Table for displaying result -->
  <div id="resultTable" class="rtable">
    <div ng-if="searchCtrl.test == true" >
      //table content
    </div>
  </div>

</body>

普朗克：

谢谢

在玩了你的plunker之后，我发现更新angularJs的最新版本解决了这个问题。我不知道你是否能更新你的角度版本

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>

它不会指向那个点，因为当您调用

$location.hash

时，当您第二次单击它时，它会重新加载页面，因为它不必更改页面。我不知道如何修复它，但希望这将帮助你寻找答案。如果你有路线可能是use@George你认为这个问题没有答案吗？@sameer我不明白你改变了什么。。您刚刚删除了一些
？

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>