如何在AngularJS中筛选表

我是安格拉斯的新手。我用html尝试过这些代码，效果很好，但当我将这些代码插入到django应用程序时，我无法在我的表中获取任何数据

<script src="{% static "angularjs-1.4.3/angular.min.js" %}"></script>

<div ng-app="">
  <div ng-init="friends = [{name:'John', phone:'555-1276'},
                         {name:'Mary', phone:'800-BIG-MARY'},
                         {name:'Mike', phone:'555-4321'},
                         {name:'Adam', phone:'555-5678'},
                         {name:'Julie', phone:'555-8765'},
                         {name:'Juliette', phone:'555-5678'}]"></div>

<label>Search: <input ng-model="searchText"></label>
<table border="    <script src="{% static "angularjs-1.4.3/angular.min.js" %}"></script>

<div ng-app="">
  <div ng-init="friends = [{name:'John', phone:'555-1276'},
                         {name:'Mary', phone:'800-BIG-MARY'},
                         {name:'Mike', phone:'555-4321'},
                         {name:'Adam', phone:'555-5678'},
                         {name:'Julie', phone:'555-8765'},
                         {name:'Juliette', phone:'555-5678'}]"></div>

<label>Search: <input ng-model="searchText"></label>
<table border="1" id="searchTextResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friend in friends | filter:searchText">
    <td>{{ friend.name }}</td>
    <td>{{ friend.phone }}</td>
  </tr>
</div>
</table>1" id="searchTextResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friend in friends | filter:searchText">
    <td>{{ friend.name }}</td>
    <td>{{ friend.phone }}</td>
  </tr>
</div>
</table>

搜索：
电话
{{friend.name}
{{friend.phone}

我相信我一定是弄错了这个语法：

<tr ng-repeat="friend in friends | filter:searchText">
    <td>{{ friend.name }}</td>
    <td>{{ friend.phone }}</td>
</tr>

{{friend.name}
{{friend.phone}

---

我真的很感谢你的帮助！：）

您正在django模板中使用角度变量。Django使用符号{{variable}}呈现Django变量。有两种解决方法：

或者在django verbatim标记中使用角度变量。因此，您的代码如下所示：

{%verbatim%}
{{friend.name}
{{friend.phone}
{%endverbatim%}

另一种解决方案是为angularjs变量使用不同的符号，该变量可以通过angularjs插值提供程序在angular应用程序中进行配置

---

您正在django模板中使用角度变量。Django使用符号{{variable}}呈现Django变量。有两种解决方法：

或者在django verbatim标记中使用角度变量。因此，您的代码如下所示：

{%verbatim%}
{{friend.name}
{{friend.phone}
{%endverbatim%}

另一种解决方案是为angularjs变量使用不同的符号，该变量可以通过angularjs插值提供程序在angular应用程序中进行配置

---

您正在django模板中使用角度变量。Django使用符号{{variable}}呈现Django变量。有两种解决方法：

或者在django verbatim标记中使用角度变量。因此，您的代码如下所示：

{%verbatim%}
{{friend.name}
{{friend.phone}
{%endverbatim%}

另一种解决方案是为angularjs变量使用不同的符号，该变量可以通过angularjs插值提供程序在angular应用程序中进行配置

---

您正在django模板中使用角度变量。Django使用符号{{variable}}呈现Django变量。有两种解决方法：

或者在django verbatim标记中使用角度变量。因此，您的代码如下所示：

{%verbatim%}
{{friend.name}
{{friend.phone}
{%endverbatim%}

另一种解决方案是为angularjs变量使用不同的符号，该变量可以通过angularjs插值提供程序在angular应用程序中进行配置

---

看起来你有一些糟糕的HTML。因此，您可以从修复标记的所有错误开始：）或者，当您将代码复制到中时，它看起来像是真的乱码了，因为我想我可以看到它应该如何组合，请参见，但仍然存在一些未解决的HTML错误，如意外的关闭

标记等，与此模型和控制器对应的js在哪里？我已经尽我所能修复了HTML，但是如果没有你的js，

friends

应该是你在js中定义的

ng模型的一部分。看起来你有一些糟糕的HTML。因此，您可以从修复标记的所有错误开始：）或者，当您将代码复制到中时，它看起来像是真的乱码了，因为我想我可以看到它应该如何组合，请参见，但仍然存在一些未解决的HTML错误，如意外的关闭
标记等，与此模型和控制器对应的js在哪里？我已经尽我所能修复了HTML，但是如果没有你的js，
friends
应该是你在js中定义的
ng模型的一部分。看起来你有一些糟糕的HTML。因此，您可以从修复标记的所有错误开始：）或者，当您将代码复制到中时，它看起来像是真的乱码了，因为我想我可以看到它应该如何组合，请参见，但仍然存在一些未解决的HTML错误，如意外的关闭
标记等，与此模型和控制器对应的js在哪里？我已经尽我所能修复了HTML，但是如果没有你的js，
friends
应该是你在js中定义的
ng模型的一部分。看起来你有一些糟糕的HTML。因此，您可以从修复标记的所有错误开始：）或者，当您将代码复制到中时，它看起来像是真的乱码了，因为我想我可以看到它应该如何组合，请参见，但仍然存在一些未解决的HTML错误，如意外的关闭
标记等，与此模型和控制器对应的js在哪里？我已经尽我所能修复了HTML，但是如果没有你的js，
friends
应该是你在js中定义的
ng模型的一部分。
{% verbatim %}
<tr ng-repeat="friend in friends | filter:searchText">
<td>{{ friend.name }}</td>
<td>{{ friend.phone }}</td>
</tr>
{% endverbatim %}