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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了模板视图和AngularJS之间冲突的解决方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1186字，纯文字阅读大概需要2分钟。

内容图文

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

问题：

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

传递一些数据给模板：

如：

这里是某个 controller

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

这里是对应的视图

<div ng-controller="loadData">
   <ul>
    <!--1. 初始化的时候我们需要使用下面这句-->
    <?php foreach(users as user):?>
    <li><?=$user->name?>:<?=$user->email?><li>
    <?php endforeach?>
    <!--2. 但是结束后 我们需要使用这句 通过ajax 更新 -->
    <li ng-repeat="user in users">{{user.name}}:{{user.email}}</li>
  </ul>
</div>

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

第一种解决方案：

<script>
 var usersPrefetch = [
  <?php foreach(users as user):?>
  {"name": "<?=$user->name?>", "email": "<?=$user->email?>"},
  <?php endforeach?>
 ];
</script>

我们将 php传过来的数据存储在变量里，然后再通过
$scope对其进行赋值，ok

第二种解决方案(推荐)：

我们使用ng-if属性解决我们的问题，对于users未定义时调用php数据
ajax传递完成后使用我们的数据并定义 $scope.users

<ul ng-if="!users">
 <?php foreach(users as user):?>
 <li><?=$user->name?>:<?=$user->email?><li>
 <?php endforeach?>
</ul>
<ul ng-if="users">
 <li ng-repeat="user in users">{{user.name}}:{{user.email}}</li>
</ul>

内容总结

以上是互联网集市为您收集整理的模板视图和AngularJS之间冲突的解决方法全部内容，希望文章能够帮你解决模板视图和AngularJS之间冲突的解决方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---