AngularJS组件控制器未将初始绑定值传递到模板中的指令(summernote)
创始人
2024-10-27 17:01:25
0

可以使用$onChanges来监听组件绑定值的变化,并使用ngModelCtrl.$setViewValue在Link函数中更新指令的值。

示例代码:

//在组件控制器中定义绑定值 bindings : { content : '=', }, controller: function() { var $ctrl = this; $ctrl.$onInit = function() { //设置初始值为空 $ctrl.content = ''; }; $ctrl.$onChanges = function(changes) { //当绑定值发生变化时,更新组件控制器中的值 if(changes.content) { $ctrl.content = changes.content.currentValue; } }; }

//在Link函数中监听ngModel值的变化并更新指令的值 link: function(scope, elem, attrs, ngModelCtrl) { ngModelCtrl.$render = function() { elem.summernote('insertText', ngModelCtrl.$viewValue || ''); };

elem.on('summernote.change', function(we, contents) { scope.$apply(function() { //更新指令值 ngModelCtrl.$setViewValue(contents.trim()); }); }); }

注意:需要在指令中使用ngModel来进行双向绑定。

相关内容

热门资讯

揭秘真相!约局吧是正规的(透视... 揭秘真相!约局吧是正规的(透视)软件透明挂(有挂总结)-哔哩哔哩关于约局吧是正规的的基本介绍、功能特...
解密关于(aapokEr)外挂... 解密关于(aapokEr)外挂透明挂辅助工具(辅助挂)确实真的有挂(必赢教程)(哔哩哔哩),亲,有的...
热点推荐!pokerist有挂... 热点推荐!pokerist有挂(辅助挂)软件透明挂(有挂介绍)-哔哩哔哩;pokerist有挂黑科技...
玩家必用(Wepoke输赢)外... 玩家必用(Wepoke输赢)外挂透明挂辅助器安装(透视)原来真的有挂(透明挂教程)(哔哩哔哩);We...
技巧知识分享!德扑ai代打会检... 德扑ai代打会检测到赢率提升策略‌;技巧知识分享!德扑ai代打会检测到(辅助挂)透视辅助(有挂总结)...
透视辅助(wpk安装)外挂透明... 透视辅助(wpk安装)外挂透明挂辅助挂(辅助挂)确实真的有挂(2024新版总结)(哔哩哔哩);玩家在...
一分钟揭秘(wpk安卓)外挂透... 一分钟揭秘(wpk安卓)外挂透明挂辅助机制(辅助挂)德州ai机器人(有挂技巧)-哔哩哔哩;揭秘教程安...
一秒答解!德州ai人工智能软件... 一秒答解!德州ai人工智能软件免费(透视)辅助透视(有挂教学)-哔哩哔哩;亲们利用一分钟了解精致的软...
揭秘关于(fish poker... 【福星临门,好运相随】;揭秘关于(fish poker外挂)外挂透明挂辅助软件(透视)软件透明挂(2...
玩家必看(Wepoke总结)外... WePoke高级策略深度解析‌;玩家必看(Wepoke总结)外挂透明挂辅助挂(透视)的确是真的有挂(...