Filter是用来格式化数据用的,removeChild() 方法用来

2019-07-13 作者:小鱼儿主页高手论坛   |   浏览(175)

AngularJS的filter,普通话名“过滤器”是用来过滤变量的值,也许格式化输出,获得和谐所期望的结果或格式的东东。

上边给大家介绍Javascript removeChild()删除节点的主意,具体详细情形如下所示:

在好几项目中,比如你接手了二个他人的品种然后您不想用蛋疼的ejs,或许你不想用蛋疼的jade。你有不想重写此前的页面,那么您将来也许须要新引进ejs或然jade模块,你一味供给做下边两步或然就能够成功使用多个模版的行事

正文中,搜聚了有些比较常用的Javascript函数,希望对读书JS的心上大家全部扶助。

Filter简介

在Javascript中,只提供了一种删除节点的点子:removeChild()。

1.consolidate.js

  1. 轮换元素

Filter是用来格式化数据用的。

removeChild() 方法用来删除父节点的叁个子节点。

cd 到花色目录:

$(document).ready(function() {
  $('#id').replaceWith('
<DIV>I have been replaced</DIV>

');
});

Filter的中坚原型( ‘|' 类似于Linux中的管道方式):

语法:

npm install consolidate --save

  1. jQuery延时加载功效
{{ expression | filter }}

    parent.removeChild(thisNode)

开荒项指标app.js(或者你的叫其余名字)  

$(document).ready(function() {
  window.setTimeout(function() {
    // do something
  }, 1000);
});

Filter能够被链式使用(即延续使用多少个filter):

参数表达:

把app.js的形如上边包车型地铁代码片段

  1. 移除单词功效
{{ expression | filter1 | filter2 | ... }}

 

app.set('view engine', 'jade');

$(document).ready(function() {
  var el = $('#id');
  el.html(el.html().replace(/word/ig, ""));
});

Filter也足以内定五个参数:

参数 说明
thisNode 当前节点,即要删除的节点
parent 当前节点的父节点,即 thisNode.parentNode

改为

  1. 表明成分是不是留存于jquery对象集结中
{{ expression | filter:argument1:argument2:... }}

例如,删除 id="demo" 的节点的语句为:

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
// or use these
// app.engine('jade', require('jade').__express);
// app.engine('html', require('ejs').renderFile);
app.set('view engine', 'jade'); 
$(document).ready(function() {
  if ($('#id').length) {
   // do something
 }
});

一、在视图模板(View Template)中动用

var thisNode=document.getElementById("demo");
thisNode.parentNode.removeNode(thisNode);

重启工程就可以了

  1. 使整个DIV可点击

在表明式中利用Filters (过滤器)

举例,删除节点:

2.或多或少难题

$(document).ready(function() {
  $("div").click(function(){
     //get the url from href attribute and launch the url
   window.location=$(this).find("a").attr("href"); return false;
  });// how to use<DIV><A href="index.html">home</A></DIV>});

亟待依据格式如下:

<div id="demo">
  <div id="thisNode">点击删除我</div>
</div>
<script type="text/javascript">
document.getElementById("thisNode").onclick=function(){
  this.parentNode.removeChild(this);
}
</script>

在自个儿的四个品类A里本人骨子里应用的代码是

  1. ID与Class之间调换
    当改造Window大小时,在ID与Class之间切换

{{ expression | filter }} 即 {{ 表达式 | 过滤器 }}

实例演示:

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
// app.engine('jade', require('jade').__express);
// app.engine('html', require('ejs').renderFile);
app.set('view engine', 'jade');
//多出以下一行
app.set('view engine', 'html'); 
$(document).ready(function() {
  function checkWindowSize() {
    if ( $(window).width() > 1200 ) {
    $('body').addClass('large');
  }  else {
    $('body').removeClass('large');
  }
  }
$(window).resize(checkWindowSize);
});

例如:{{ 12 | currency }} 输出为 $12.00

 图片 1

这种写法在类型A里能够运用,但在另一个项目B里发掘深入分析不了jade模板

  1. 克隆对象

本文由小鱼儿玄机30码发布于小鱼儿主页高手论坛,转载请注明出处:Filter是用来格式化数据用的,removeChild() 方法用来

关键词: 小鱼儿玄机30码