<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: debbiswas</title>
    <description>The latest articles on DEV Community by debbiswas (@debbiswasgit).</description>
    <link>https://dev.to/debbiswasgit</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F270769%2Fdfe2c456-7b14-4f08-a41a-8f3fc3f1a7f5.jpg</url>
      <title>DEV Community: debbiswas</title>
      <link>https://dev.to/debbiswasgit</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/debbiswasgit"/>
    <language>en</language>
    <item>
      <title>Need help in Populating HTML Table from a file</title>
      <dc:creator>debbiswas</dc:creator>
      <pubDate>Sun, 04 Oct 2020 19:06:04 +0000</pubDate>
      <link>https://dev.to/debbiswasgit/need-help-in-populating-html-table-from-a-file-537n</link>
      <guid>https://dev.to/debbiswasgit/need-help-in-populating-html-table-from-a-file-537n</guid>
      <description>&lt;p&gt;Hi All,&lt;br&gt;
Here am trying to retrieve data from text file and embed them to HTML table based on some condition.&lt;/p&gt;

&lt;p&gt;Below is the code which is written in jQuery.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--xjV7ecA_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hieyt1xwr3o8j59nereg.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xjV7ecA_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hieyt1xwr3o8j59nereg.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Issue is that the resulting array after filter shows no elements with length 0 &lt;/p&gt;

&lt;p&gt;Below is the result for above code in console:&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--nQa59RDV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kgdvx84ix9bsb7u1fxuk.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nQa59RDV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kgdvx84ix9bsb7u1fxuk.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Expected Result:&lt;br&gt;
Resulting array after filter should have filtered array.&lt;/p&gt;

&lt;p&gt;Troubleshooting done:&lt;br&gt;
If the array lineByline is assigned with array values as in Line #61 which is commented then this works.&lt;/p&gt;

&lt;p&gt;Kindly help me here please.&lt;/p&gt;

</description>
      <category>help</category>
      <category>javascript</category>
      <category>jquery</category>
    </item>
    <item>
      <title>Help on Creating Modal using Angular</title>
      <dc:creator>debbiswas</dc:creator>
      <pubDate>Sat, 01 Aug 2020 11:41:05 +0000</pubDate>
      <link>https://dev.to/debbiswasgit/help-on-creating-modal-using-angular-4jb</link>
      <guid>https://dev.to/debbiswasgit/help-on-creating-modal-using-angular-4jb</guid>
      <description>&lt;p&gt;I am trying to create a Basic Modal for my construction cost calculation project using Angular by manipulating the DOM elements using plain JavaScript and CSS.&lt;br&gt;&lt;br&gt;
Here I am using two components for my construction application one is Parent component Innerwalls and other Modal component. My modal opens successfully but &lt;strong&gt;unable to close the Modal from the Modal component&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;I am passing data from the Parent to the Child modal component using the &lt;em&gt;Input&lt;/em&gt; Directive.&lt;/p&gt;

&lt;p&gt;Below are the Snippets from each component’s HTML and Typescript file.&lt;br&gt;
&lt;strong&gt;Innerwall.component.html (parent) Component&lt;/strong&gt;:&lt;br&gt;
Below is the snippet from the parent component HTML where i am calling the Modal component. Here I am binding the &lt;em&gt;close&lt;/em&gt; (which is used passed to the child component as Input) with the &lt;em&gt;closeModal&lt;/em&gt; function as template expression. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XZXCpGV_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hqs4stp9uo5h22qafml4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XZXCpGV_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hqs4stp9uo5h22qafml4.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Innerwall.component.ts&lt;/strong&gt; :&lt;br&gt;
 Below are the functions for the Opening and closing the modal which add and removes the Display CSS property using the Hidden and Show classes to the Modal component view.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--L8uBWxSm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hlfvy12vyefjc62miu75.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--L8uBWxSm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hlfvy12vyefjc62miu75.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Modal.component.ts&lt;/strong&gt; :&lt;br&gt;
Here I am using the  &lt;em&gt;close&lt;/em&gt;  as an Input Property to modal component as &lt;em&gt;modal_1&lt;/em&gt;  element ID is present in the Parent component.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EEs0ZlQz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/uiry3q7z0pslzm0warij.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EEs0ZlQz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/uiry3q7z0pslzm0warij.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Modal.component.html&lt;/strong&gt; :&lt;br&gt;
Here am binding &lt;em&gt;click&lt;/em&gt; event to the passed &lt;em&gt;close&lt;/em&gt; Input property.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ydFObc1b--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ikgcy5c9vtbvgpk5hskr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ydFObc1b--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ikgcy5c9vtbvgpk5hskr.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Current Output:&lt;/strong&gt;&lt;br&gt;
Click event on Close Button does not close the Modal.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--eqmEzX1e--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/uxfbo57zil5zezl671ts.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--eqmEzX1e--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/uxfbo57zil5zezl671ts.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Expected:&lt;/strong&gt;&lt;br&gt;
Modal closes when close button is clicked.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Findings&lt;/strong&gt;:&lt;br&gt;
1&amp;gt; From the element console i see that the &lt;em&gt;closeModal&lt;/em&gt; is been binded successfully as below image:&lt;br&gt;
 &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hrD3aylI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/26dao3ucbgkwraczk19p.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hrD3aylI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/26dao3ucbgkwraczk19p.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2&amp;gt;If i add Paranthesis over the &lt;em&gt;closeModal&lt;/em&gt; template expression then do not see the &lt;em&gt;ng-reflect close&lt;/em&gt;  in the element console. So i am wondering why would paranthesis in template expression does nt binds the function.&lt;/p&gt;

&lt;p&gt;[close] = "closeModal()"&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XYyyIpnx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/rb8p5r9tsk44lhd9ah8y.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XYyyIpnx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/rb8p5r9tsk44lhd9ah8y.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;3&amp;gt; Thought of checking by making the &lt;em&gt;closeModal&lt;/em&gt; function return something. Hence checked by returning a simple console log by the &lt;em&gt;closeModal&lt;/em&gt; function. But clicking on close button did not show anything on the console as was expected from the return statement.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--aDAQth0l--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/cd8wtgc6romzc93uvxr8.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--aDAQth0l--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/cd8wtgc6romzc93uvxr8.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dkrr8hLW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/k14y4yv4uh1tiga38xb0.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dkrr8hLW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/k14y4yv4uh1tiga38xb0.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;All the above steps did not solve the issue.&lt;/p&gt;

&lt;p&gt;Need all your advice or suggestions to complete this modal.  Any clarification needed please let me know. This is my first help posted in Angular and am very new to this framework.  Please help. Thanks.&lt;/p&gt;

</description>
      <category>angular</category>
      <category>help</category>
      <category>modal</category>
    </item>
    <item>
      <title>function Undefined in go</title>
      <dc:creator>debbiswas</dc:creator>
      <pubDate>Sat, 16 Nov 2019 06:31:07 +0000</pubDate>
      <link>https://dev.to/debbiswasgit/getting-error-4npd</link>
      <guid>https://dev.to/debbiswasgit/getting-error-4npd</guid>
      <description>&lt;p&gt;Can any one help me why is the below code giving undefined:register error&lt;br&gt;
I am trying to understand the call by reference and call by value. &lt;/p&gt;

&lt;p&gt;package main&lt;/p&gt;

&lt;p&gt;import (&lt;br&gt;
    "fmt"&lt;br&gt;
)&lt;/p&gt;

&lt;p&gt;type MyStruct struct {&lt;br&gt;
    name string&lt;br&gt;
    id   int64&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;var (&lt;br&gt;
    s MyStruct&lt;br&gt;
    u int&lt;br&gt;
)&lt;/p&gt;

&lt;p&gt;func (u MyStruct) register()  {&lt;br&gt;
    fmt.Println(u.name, u.id)&lt;br&gt;
    fmt.Println(u.name, u.id)&lt;br&gt;
    fmt.Println(u)&lt;br&gt;
    s.name = "vij"&lt;br&gt;
    fmt.Println(u)&lt;/p&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;func main() {&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;s := MyStruct{"deb", 11273090}
r := register()
fmt.Print("Inside Main****")
fmt.Print(s)
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;./prog.go:29:7: undefined: register&lt;/p&gt;

</description>
      <category>help</category>
      <category>go</category>
    </item>
  </channel>
</rss>
