javascript - 如何在点击(初始化)时设置一个 ng-click 按钮?

标签 javascript html css angularjs

如果我每次都重新加载页面,我希望点击 ng-click,而 ng-click 被禁用。我怎样才能做到这一点?

我的点击代码 注意:在点击中内置了一个自定义过滤器,它在样式化后也有一个 ngclass。

a class="clear-completed" ng-click="taskfilter = 'todo'; infoTitel = 'To do'" ng-class="{'active' : taskfilter == 'todo'}" --- this line needs to be clicked on default.

<div style="display: block;" class="task-footer">
        <!-- <a id="clear-completed" ng-click="clear()" ng-show="hasDone()">
          Clear <span >{{(tasks.length - remaining())}} {{itemText()}}</span>.
      </a> -->
        <div class="mini-nav">
            <a class="clear-completed" ng-click="taskfilter = 'missed'; infoTitel = 'Deadline missed'" ng-class="{'active' : taskfilter == 'missed'}">
                <span>deadline missed</span>
            </a>
            <a class="clear-completed" ng-click="taskfilter = 'all'; infoTitel = 'All'" ng-class="{'active' : taskfilter == 'all'}">
                <span>show all </span>
            </a>
            <a class="clear-completed" ng-click="taskfilter = 'completed'; infoTitel = 'Completed'" ng-class="{'active' : taskfilter == 'completed'}">
                <span>show completed</span>
            </a>
            <a class="clear-completed" ng-click="taskfilter = 'todo'; infoTitel = 'To do'" ng-class="{'active' : taskfilter == 'todo'}" ng-init="">
                <span>to do</span>
            </a>
        </div>
        <div class="todo-count">{{remaining()}} of {{tasks.length}} remaining</div>
        <div class="todayDate"> Date today : {{ todayDate | date : "MMM d, y h:mm a"}}</div>
    </div>

最佳答案

我已经知道了,您可以按照相同的规则将希望的 ng-click 的值设置到 ng-init 中,这样它就会在加载时被选中。

<a class="clear-completed" ng-click="taskfilter = 'todo'; infoTitel = 'To do'" ng-class="{'active' : taskfilter == 'todo'}" ng-init="taskfilter = 'todo'; infoTitel = 'To do'">

关于javascript - 如何在点击(初始化)时设置一个 ng-click 按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41807509/

相关文章:

javascript - Vue.js - 无法使用 Blazy

javascript - vue.js 中的计数器不增加

html - overflow-y 不适用于媒体查询

html - 网站在 Safari 中有效,但在 Firefox 中无效

javascript - Angular Directive(指令) - 未显示隔离范围

javascript - 使用本地数据库是减少从 Cloud Db 读取/写入数据的好方法吗?

javascript - 如何在page2 input上显示page1中的输入值?

jquery - 类型错误 : kendoWindow is not a function

javascript - 如何改变一些元素异步使用jquery的位置

javascript - Firebase:更改服务 worker 的位置