如何在模板中绑定标签p?

时间:2016-07-08 09:04:43

标签: angularjs angular angular2-template

问题:<p>元素不起作用。 (角度解析器无法呈现标签 p
在官方教程的5 Min Quickstart文档中,此代码段工作正常:

...
template: `
        <div>
            <ul>
              <li>1</li>
              <li>2</li>
            </ul>
        </div>`
...

但是这段代码不起作用:

...
template: `
        <p>
            <ul>
              <li>1</li>
              <li>2</li>
            </ul>
        </p>`
...

FireBug 中的错误如下:

EXCEPTION: Template parse errors:
Unexpected closing tag "p" ("
              <li>2</li>
            </ul>
          [ERROR ->]</p>
        </div>"): AppComponent@14:14

有人可以解释为什么会这样吗?

1 个答案:

答案 0 :(得分:13)

var _dosome = (dd) => { console.log(dd); }; 元素不支持<p>作为内容https://developer.mozilla.org/en/docs/Web/HTML/Element/p

事件虽然浏览器可能不会抱怨并显示它,但它是无效的HTML并且Angular2解析器是严格的。