Hello Think Angular

此模板引擎针对能够使用angularjs的 php开发者 或 前端开发者 编写, 主要特点是, 不需要额外的标签定义, 全部使用属性定义, 写好的模板文件后, 在开发工具中无需插件即可格式化为很整洁的代码, 因为套完的模板文件还是规范的html.

注: 一个标签上可以使用多个模板属性, 属性有前后顺序要求, 所以要注意属性的顺序, 在单标签上使用模板属性时一定要使用/>结束,
如:
<input php-if="$is_download" type="button" value="下载" />
<img php-if="$article['pic']" src="{$article.pic}" />
具体可参考后面的解析结果.

Github项目地址: https://github.com/top-think/think-angular

Git版本库地址 在线文档

表格和分页实例

编号 用户名 邮箱 状态 操作
1 user_1 email_1@qq.com 正常 禁用 删除
2 user_2 email_2@qq.com 已禁用 启用 删除
3 user_3 email_3@qq.com 已删除 恢复
4 user_4 email_4@qq.com 正常 禁用 删除
5 user_5 email_5@qq.com 正常 禁用 删除

自动选中: php-selected

自动勾选: php-checked

技能:

性别:

自定义解析规则

array(4) {
  [0]=>
  array(2) {
    ["title"]=>
    string(6) "首页"
    ["url"]=>
    string(9) "index.php"
  }
  [1]=>
  array(2) {
    ["title"]=>
    string(6) "博客"
    ["url"]=>
    string(8) "blog.php"
  }
  [2]=>
  array(2) {
    ["title"]=>
    string(6) "图片"
    ["url"]=>
    string(7) "pic.php"
  }
  [3]=>
  array(2) {
    ["title"]=>
    string(6) "留言"
    ["url"]=>
    string(7) "msg.php"
  }
}
2
1

原样输出

{$title}
<div>{$title}</div>
<php>{title} {$content}</php>

input数据绑定,自动转义特殊字符


无限级菜单输出

  • 菜单1
    • 菜单1.1
    • 菜单1.2
    • 菜单1.3
    • 菜单1.4
  • 菜单2
    • 菜单2.1
    • 菜单2.2
    • 菜单2.3
    • 菜单2.4
  • 菜单3
    • 菜单3.1
      • 菜单3.1.1
      • 菜单3.1.2
      • 菜单3.1.3
        • 菜单3.1.3.1
        • 菜单3.1.3.2
    • 菜单3.2
    • 菜单3.3
    • 菜单3.4
版权所有 zhaishuaigan@qq.com, 运行时间: 0.015600204467773 s