title: custom filter search in angular 5
body: <pre><code> data : [
      {
         id :1,
         name : "client A",
         industry: "Industry 1",
         img:"https://abc"
  
      },
      {
         id :2,
         name : "client Ab",
         industry: "Industry 2",
         img:"https://abc"
  
      },
      {
         id :3,
         name : "client megha",
         industry: "Industry 5",
         img:"https://abc"
  
      },
      {
         id :4,
         name : "shubham",
         industry: "Industry 1",
         img:"https://abc"
  
      },
      {
         id :4,
         name : "rick",
         industry: "Industry 1",
         img:"https://abc"
  
      }
   ]
  </code></pre>
  
  <p>I want the filter to do the follwing:</p>
  
  <p>When i start writing the word "c", i want the rick to disappear, right now the default behavior is, all are still shown (the c is in the middle of rick).</p>
  
  <p>strict mode is something that i dont want to use, the behavior i want is:</p>
  
  <p>if there is no value in the input, i want to see all, if i start to write i want to see the exact one by firstName.
  if i write "m" nothing should be displayed as none of the names start with m.
  i want the search on the basis of names and industry but not on the basis of img.
  please help.</p>