模板视图和AngularJS之间冲突的解决方法

(编辑：jimmy 日期: 2024/11/19 浏览：3 次 )

本文实例讲述了模板视图和AngularJS之间冲突的解决方法。分享给大家供大家参考，具体如下：

问题：

在php的mvc视图中，我们需要在加载的过程中

传递一些数据给模板：

如：

这里是某个 controller

$data['users'] = {something from databases};
$this->load->view('home/index',$data);

这里是对应的视图

<div ng-controller="loadData">
   <ul>
    <!--1. 初始化的时候我们需要使用下面这句-->
    <"user in users">{{user.name}}:{{user.email}}</li>
  </ul>
</div>

那么现在问题来了如何处理 1 和 2 之间的矛盾？

第一种解决方案：

<script>
 var usersPrefetch = [
  <"name": "<", "email": "<"},
  <"htmlcode">

<ul ng-if="!users">
 <"users">
 <li ng-repeat="user in users">{{user.name}}:{{user.email}}</li>
</ul>




demo演示地址：https://jsfiddle.net/mser49aq/1/
希望本文所述对大家AngularJS程序设计有所帮助。

上一篇：javascript入门之string对象【新手必看】
下一篇：js入门之Function函数的使用方法【新手必看】