HTML属性中的JavaScript片段：特殊字符

Question

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

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

我的文本编辑器将&&标记为错误，大概是因为它没有HTML转义。 我是否应该将其真正更改为&& ？ 并不是我在使用歧义的＆符 。

Answer 1

我是否应该将其真正更改为&& ？

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

我的文本编辑器将&&标记为错误，大概是因为它没有HTML转义。

因为它太愚蠢，所以对HTML代码过于保护（一般主义者）。

---

这是您的一个有效问题，让我们来看一些示例：

这将正常工作 ：

 <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 Code的值就可以了 。