ThinkPHP 3.2 模板中的Angularjs 的变量{{$first}} 无法被解析

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: ThinkPHP 3.2 模板中的Angularjs 的变量"{{first}}" 无法被解析, 模板解析冲突,例如在angularjs 的变量"{{first}}",则TP模板不会解析该变量的 ID:{{v.

ThinkPHP 3.2 模板中的Angularjs 的变量"{{first}}" 无法被解析, 模板解析冲突,例如在angularjs 的变量"{{first}}",则TP模板不会解析该变量的

<li ng-repeat="(k,v) in data" style="{{$odd?'color:red':''}}">
   ID:{{v.user_id}}   用户名:{{v.username}}  IP地址:{{v.loginip}}
</li>
<script>
    var m = angular.module('tinywan', []);
    m.controller('ctrl', ['$scope', function ($scope) {
        $scope.data = angular.fromJson('{$listData}');
        console.log('{$listData}');
    }]);
</script>

错误输出:

博客园也不会输出的哦!哈哈

   

所以的在配置模板中修改 模板引擎普通标签开始标记
修改前:

'TMPL_L_DELIM' => '{', // 模板引擎普通标签开始标记
'TMPL_R_DELIM' => '>', // 模板引擎普通标签结束标记

修改后:

'TMPL_L_DELIM' => '<{', // 模板引擎普通标签开始标记
'TMPL_R_DELIM' => '}>', // 模板引擎普通标签结束标记

修改JS代码:

<script>
    var m = angular.module('tinywan', []);
    m.controller('ctrl', ['$scope', function ($scope) {
        $scope.data = angular.fromJson('<{$listData}>');
        console.log('<{$listData}>');
    }]);
</script>

正常结果输出为:

 

Github上的项目由于涉及的太多,我暂时没有改动,以后做新项目的时候,如需用到TP,记得修改模板即可。

参考文献: http://blog.csdn.net/zxc123e/article/details/50524891

目录
打赏
0
0
0
0
26
分享
相关文章
Python入门:2.注释与变量的全面解析
在学习Python编程的过程中,注释和变量是必须掌握的两个基础概念。注释帮助我们理解代码的意图,而变量则是用于存储和操作数据的核心工具。熟练掌握这两者,不仅能提高代码的可读性和维护性,还能为后续学习复杂编程概念打下坚实的基础。
Python入门:2.注释与变量的全面解析
南大通用GBase 8s数据库游标变量解析:提升数据库操作效率
南大通用GBase 8s 数据库游标变量解析:提升数据库操作效率
【C++】模板进阶:深入解析模板特化
【C++】模板进阶:深入解析模板特化
214 0
Uno Platform 高级定制秘籍:深度解析与实践样式和模板应用,助你打造统一且高效的跨平台UI设计
【9月更文挑战第7天】Uno Platform 是一个强大的框架,支持使用 C# 和 XAML 创建跨平台 UI 应用,覆盖 Windows、iOS、Android、macOS 和 WebAssembly。本文介绍 Uno Platform 中样式和模板的应用,助力开发者提升界面一致性与开发效率。样式定义控件外观,如颜色和字体;模板则详细定制控件布局。通过 XAML 定义样式和模板,并可在资源字典中全局应用或嵌套扩展。合理利用样式和模板能简化代码、保持设计一致性和提高维护性,帮助开发者构建美观高效的跨平台应用。
153 1
|
8月前
|
32 位和 64 位 JVM 中 int 变量的大小解析
【8月更文挑战第21天】
364 0
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
70 2
|
10月前
|
Java 基础深度解析:变量与常量的声明、赋值与初始化的权威指南
【6月更文挑战第14天】Java编程中的变量和常量是基础关键。声明变量如`int age;`,赋值与初始化可在声明时或后续代码中完成。常量用`final`修饰,如`public static final double PI = 3.14159;`,且只能赋值一次。变量命名应具描述性,常量值设定后尽量不变,注重代码的可读性和可维护性。熟练掌握这些将有助于编写高质量Java程序。
146 4
解析Python Web框架的四大支柱:模板、ORM、中间件与路由
【7月更文挑战第20天】Python Web框架如Django、Flask、FastAPI的核心包括模板(如Django的DTL和Flask的Jinja2)、ORM(Django的内置ORM与Flask的SQLAlchemy)、中间件(Django的全局中间件与Flask的装饰器实现)和路由(Django的urls.py配置与Flask的@app.route()装饰器)。这些组件提升了代码组织和数据库操作的便捷性,确保了Web应用的稳定性和可扩展性。
102 0
|
11月前
|
JAVA中的变量:深入解析与实例
JAVA中的变量:深入解析与实例
126 3
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
ES6,作为ECMAScript 2015的简称,标志着JavaScript编程语言的一个重要进化节点。它不是渐进的变化,而是一次飞跃式的更新,为开发者带来了一系列强大的新特性与语法糖,极大提升了代码的简洁性、可读性和运行效率。从新的变量声明方式let与const,到优雅的箭头函数、模板字符串,再到让对象操作更为灵活的解构赋值与增强的对象字面量,ES6的每项改进都旨在让JavaScript适应日益复杂的应用场景,同时保持其作为脚本语言的活力与魅力。本文是深入探索这些核心特性的起点,为你铺开一条通向高效、现代JavaScript编程实践
88 0

热门文章

最新文章

推荐镜像

更多