包含类似{{$ title}}这样的表达式的示例代码导致Laravel中出现空白页

Question

我在Laravel中建立了一个博客来发布一些编程教程，但是我遇到了问题；当我有如下表达式（示例代码）时

@foreach($items as $item)
    <div>{{ $item->name }}</div>
@endforeach

或者如果我有Angular示例代码

<div *ngFor="let item of items">{{ item.name }}</div>

以上示例代码导致空白页，在控制台中，没有错误，但是在开发工具元素选项卡中，body标签为空。查看此链接https://coffeequery.com/posts/loop-in-angular我到处寻找解决方案，但是找不到。我认为浏览器试图评估该表达式，我该怎么做才能告诉浏览器忽略它？谢谢。

Answer 1

问题在下面的代码中：

<code>&lt;div *ngFor="let item of items"&gt;@{{item.name}}&lt;/div&gt;</code>

您的Vue.js实例尝试评估大括号，并且无提示地抛出错误，从而导致显示空的#app元素。我建议改用v-text属性：

<code v-text="'&lt;div *ngFor=&quot;let item of items&quot;&gt;{{item.name}}&lt;/div&gt;'"></code>