如何使用AngularJS添加动态加载文本?

时间:2018-01-04 10:18:25

标签: javascript html css angularjs

我正在处理当前正在消耗大量时间来加载页面的应用程序,用户的唯一指标是通过css类添加的加载微调器。我想向用户显示某些步骤与加载微调器一起发生。 例如 - 第8步 - 第8步......第2步......

下面的代码显示了加载类,它通过将自身附加到页面的父容器来工作,从而禁用页面。

loading.nq-button {
        padding-left: 2.5em;
}
.nq-loading.nq-button:after {
  left: 1.71em;
}
.nq-loading:after {
  left: 50%;
  top: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  display: inline-block;
  position: absolute!important;
  color: #53565a;
  -webkit-animation: spin 2s infinite steps(8);
  -moz-animation: spin 2s infinite steps(8);
  -ms-animation: spin 2s infinite steps(8);
  animation: spin 2s infinite steps(8);
}
.nq-loading.nq-data-table:after,
.nq-loading.nq-data-table-compact:after,

我尝试使用范围变量并在某些步骤后递增其值,但是当加载类处于活动状态时,Angular不会更新范围变量。

任何帮助将不胜感激,谢谢!

0 个答案:

没有答案