Angular error with HTML file

Question

This is my file

<div class='panel panel-primary'>
  <div class='panel-heading'>
    Product List
  </div>
  <div class='panel-body'>
      <div class='row'>
          <div class='col-md-2'>Filter by:</div>
          <div class='col-md-4'>
              <input type='text' />
          </div>
      </div>
      <div class='row'>
          <div class='col-md-6'>
              <h3>Filtered by: </h3>
          </div>
      </div>
      <div class='table-responsive'>
          <table class='table'
              <th>
                  <tr>
                      <th>
                          <button class='btn btn-primary'
                              Show Image
                          </button>
                      </th>
                      <th>Product</th>
                      <th>Code</th>
                      <th>Available</th>
                      <th>Price</th>
                      <th>5 Star Rating</th>
                  </tr>
                </th>
              <tbody>
              </tbody>
          </table>
      </div>
  </div>
</div>

I am getting these errors

Uncaught Error: Template parse errors: Unexpected closing tag "button". It may happen when the tag has already been closed by another tag. Unexpected closing tag "th". It may happen when the tag has already been closed by another tag.

You're missing a > on the button tag. Not sure if that's just a copy paste error or the actual error. Double check your code. — BoredBlazer
– BoredBlazer, Commented Jun 5, 2018 at 16:39
And you're using <th> as the first child in the table, that is supposed to be <thead>. — Mr Lister
– Mr Lister, Commented Jun 5, 2018 at 18:02

Rohit.007 · Accepted Answer · 2018-06-05 17:20:28Z

1

Two missing closing tag found in the HTML you need to fix them

<table class='table' here make it <table class='table'>

another one is

<button class='btn btn-primary' make it <button class='btn btn-primary'>

answered Jun 5, 2018 at 17:20

Rohit.007

3,5123 gold badges23 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

yer · Accepted Answer · 2018-06-05 16:55:07Z

0

You missed closing > in button tag and also in table tag.

  <button class='btn btn-primary'>
              Show Image
  </button>


<table class='table'>
          <thead>
              <tr>
                  <th>
                      <button class='btn btn-primary'>
                          Show Image
                      </button>
                  </th>
                  <th>Product</th>
                  <th>Code</th>
                  <th>Available</th>
                  <th>Price</th>
                  <th>5 Star Rating</th>
              </tr>
            </thead>
          <tbody>
          </tbody>
      </table>

edited Jun 5, 2018 at 16:55

answered Jun 5, 2018 at 16:48

yer

1,5322 gold badges19 silver badges33 bronze badges

Collectives™ on Stack Overflow

Angular error with HTML file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related