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

前端之家收集整理的这篇文章主要介绍了模板视图和AngularJS之间冲突的解决方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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


@H_4030@

问题:


@H
403_0@在PHP的mvc视图中,我们需要在加载的过程中


@H_4030@传递一些数据给模板:


@H
4030@如:


@H
403_0@这里是某个 controller


<div class="jb51code">
<pre class="brush:js;">
$data['users'] = {something from databases};
$this->load->view('home/index',$data);

@H_403_0@这里是对应的视图

  • name?>:email?>
  • @H_403_0@那么现在问题来了 如何处理 1 和 2 之间的矛盾?

    @H_403_0@

    第一种解决方案:

    var usersPrefetch = [ {"name": "name?>","email": "email?>"}, ];
    @H_403_0@我们将 PHP传过来的数据存储在变量里,然后再通过 $scope对其进行赋值,ok

    @H_403_0@

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

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

  • name?>:email?>
  • @H_403_0@demo演示地址:https://jsfiddle.net/mser49aq/1/

    @H_403_0@希望本文所述对大家AngularJS程序设计有所帮助。

    原文链接:https://www.f2er.com/js/44289.html

    猜你在找的JavaScript相关文章