【问题标题】:How to use Angular JS filter with ICanHaz.js template如何在 ICanHaz.js 模板中使用 Angular JS 过滤器
【发布时间】:2014-12-26 01:06:49
【问题描述】:

我正在尝试从ICanHaz 模板中应用Angular JS 过滤器...但它不起作用。有没有办法做到这一点?

以下是不起作用的:

<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="ICanHaz.js"></script>

<!-- icanhaz template -->
<script id="a_template" class="partial" type="text/html">
  <div class="whocares">
      {{ variable | angular_filter }}
  </div>
</script>

它不会抛出任何错误,但 variable 只是没有出现。我猜问题是角度过滤器看不到变量(反之亦然)。

有没有办法让它工作?

【问题讨论】:

    标签: javascript angularjs angularjs-filter icanhaz.js


    【解决方案1】:

    不知道你为什么要把事情弄得这么复杂,但这里的快速解决方法是定义一个范围变量并以常规的角度方式使用它:

    $scope.variable = "whatever icanhaz outputs";
    

    这样,过滤器将应用于角度控制器的范围变量,而不是尝试破解 ICanHaz 变量。

    【讨论】:

    • 谢谢。我处于这种情况是因为我正在逐步重构已经拥有大量 icanhaz 模板的现有项目(使用 Angular)。您能否在答案中添加更多细节以显示过滤器的工作原理?
    • 我以为你在做类似的事情。听起来你的中间步骤越少越好。我的例子是纯角度的——通过使用角度模板来输出范围变量的内容。 “诀窍”是将 icanhaz 变量内容分配给它。
    • 对。谢谢您的帮助。我倾向于咬紧牙关将模板重构为有角度的,但你已经尽可能地回答了最初的问题。
    • 是的,这就是我所说的减少中间步骤的意思:你只会把时间浪费在临时解决方案上。不客气,祝你好运!
    猜你喜欢
    • 2012-01-30
    • 1970-01-01
    • 1970-01-01
    • 2016-07-06
    • 2012-02-22
    • 2016-12-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多