HTML 属性中的 JavaScript 片段 : special characters

Question

我在我的应用程序中使用 AngularJS 1.4。我的 HTML 模板中有一些使用逻辑运算符的属性，例如:

<p ng-if="!edit.model && !model.length">...</p>

我的文本编辑器将 && 标记为错误，大概是因为它不是 HTML 转义的。我真的应该将其更改为 && 吗？这不像我使用 ambiguous ampersand .

Answer 1

Should I really change it to &&?

没有。从来没有。
或者是的，如果您的优先级是当前编辑器语法引擎而不是应用程序的功能。

My text editor marks the && as an error, presumably because it's not HTML-escaped.

因为它愚蠢对HTML Codes太过保护(通才) .

<小时/>

这是您提出的一个有效问题，让我们看一些示例:

这 会工作很好:

<p>
  <input type="checkbox" id="hello" ng-model="hello">
  <label for="hello">Say only Hello!</label>
</p>
<p>
  <input type="checkbox" id="goodbye" ng-model="goodbye">
  <label for="goodbye">Say only Goodbye!</label>
</p>
<h1 ng-show="hello&&!goodbye">Hello!</h1>
<h1 ng-show="!hello&&goodbye">Goodbye!</h1>

^{参见https://plnkr.co/edit/93LAQJJ1bwTNPteLCv5Q?p=preview .}

但是，这 不会:

[..]
<p>
  <input type="checkbox" id="not" ng-model="not">
  <label for="not">Say only Not!</label>
</p>
<h1 ng-show="hello&&!not">Hello!</h1>
<h1 ng-show="!hello&&not">Not!</h1>

^{参见https://plnkr.co/edit/HRVigpQCCg1hQCW25Xgk?p=preview .}

但是，这 将会:

<p>
  <input type="checkbox" id="not" ng-model="not">
  <label for="not">Say only Not!</label>
</p>
<h1 ng-show="hello && !not">Hello!</h1>
<h1 ng-show="!hello && not">Not!</h1>

^{参见https://plnkr.co/edit/u3uNt9xHMnvtI0HZynlJ?p=preview .}

只要您不输入包含 HTML 代码的值就可以了。