博客搭建遇到的问题(1)Angular与Ueditor

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cemao4548/article/details/80713324

博客搭建遇到的问题

  • Angular不适用于Ueditor
  • angular Ajax方法发出请求时 服务器未能接受
  • 数据库和php之间传输信息出现乱码

Angular不适用于Ueditor

我们无法使用Angular脚本对Ueditor进行操作,这之后Ueditor官方提供了部分Ueditor功能的Angular拓展脚本
https://raw.githubusercontent.com/zqjimlove/angular-ueditor/master/dist/angular-ueditor.min.js
本地保存为AngularUeditor.js
html文件首部对其进行引用
<script type="text/javascript" charset="utf-8" src="./utf8-php/angularUeditor.js"></script>

文件中完成getEditor()方法创建编辑器

<div class="ueditor" ng-model="content">
<script id="container_write" type="text/plain">
</script>
<script type="text/javascript">
var ue_write = UE.getEditor('container_write');
</script>
</div> 

依然无法正常使用
无法正常使用的Ueditor

发现问题来自于ng-show()属性,去掉ng-show()方法便可以正常使用
所以我们的解决方法是angular中声明函数UeditorInit()
在函数中我们调用APIgetEditor()来生成编辑器

出现ng-click无法处理UeditorInit()的问题

初始化编辑器的元素是:
<li class="lis"><a class="lia" href="#projects" ng-click="element = 4">添加项目</a></li>
我们添加事件函数ueditorInit()为
<li class="lis"><a class="lia" href="#projects" ng-click="element = 4;ueditorInit()">添加项目</a></li>
运行后无法正常调用ueditorInit()函数
把分号换成逗号也不行

在菜鸟教程的演示demo里尝试ng-click事件调用函数并赋值
<button ng-click="toggle();firstName='hello'">隐藏/显示</button>
<p ng-hide="myVar">
名: <input type=text ng-model="firstName"><br>
姓: <input type=text ng-model="lastName"><br><br>
姓名: {{firstName + " " + lastName}}
</p>

是可以的。

尝试将angular控制器的初始化放到html的后面
依旧不行。

原来是angular初始化的ng-controller写成了ng-control

Ueditor的正确调用
妈卖批

猜你喜欢

转载自blog.csdn.net/cemao4548/article/details/80713324