如何自动单击加载页面?

时间:2019-10-04 16:49:34

标签: javascript

您好,我想在加载时自动填充一个包含ng-repeat参数的页面。好吧,我需要执行此操作的脚本并自动单击出现的选项之一。以下代码是页面的html代码。

我写了这个脚本,但是没有用。 document.querySelectorAll('。sd-Items')[1] .click();

<div class="sd-titleSideBar">
    <strong>Color Selection</strong>
</div>
<div class="sd-selectColor">
    <!-- ngRepeat: color in model.colors -->
    <div ng-repeat="color in model.colors" class="inventory sd-Items ng-scope 
  selectedItem" ng-class=" 
 {'selectedItem': color.id == selectedColor}" ng-click="colorClick(color.id)">
        <div style="width: 30px; height: 30px; border-width: 2px; border-style: 
 ridge !important; background-color: rgb(255, 255, 255);" class="col-md-1" ng-style="{'background-color': color.omi}"></div>
        <label class="ng-binding"> White</label>
        <!-- ngIf: !color.ohc -->
    </div><!-- end ngRepeat: color in model.colors -->
    <div ng-repeat="color in 
 model.colors" class="inventory sd-Items ng-scope" ng-class=" 
{'selectedItem': color.id == selectedColor}" ng-click="colorClick(color.id)">
        <div style="width: 30px; height: 30px; border-width: 2px; border-style: 
ridge !important; background-color: rgb(25, 25, 175);" class="col-md-1" ng-style="{'background-color': color.omi}"></div>
        <label class="ng-binding"> Blue</label>
        <!-- ngIf: !color.ohc -->
    </div><!-- end ngRepeat: color in model.colors -->
</div>

1 个答案:

答案 0 :(得分:1)

如果要调用AngularJs的方法,则需要在控制器中为该元素定义这些方法。

您可以从此网页和有关angularjs的本教程中获取更多信息。

https://www.w3schools.com/angular/angular_databinding.asp

请参阅AngularJS控制器部分。

如果这回答了您的问题,请投票。