Is there a way to work with angularjs?

[dynchen]

Well, I try to use alloy-editor as a directive in angularjs and use ng-model to store sth on textarea, but the page cannot show it.

[dynchen]

 let directive = {
            restrict: 'A',
            scope: {},
            link: function(scope, element, attr) {
                AlloyEditor.editable(attr.id);
            }
        };
 return directive;

the directive is named "editor"

and then the view is

    <textarea editor id="test" ng-model="somedata">
    </textarea>

[ipeychev]

Hey @copooper

For me it works, I just instantiated AlloyEditor from an Angular directive. Here is a gist.

Here is also an animated gif:

Hope that helps!

Thanks,

[dynchen]

@ipeychev Thanks so much for making a demo.Yeah, it's ok when wrapped with plain text. When using ng-model, however,it doesn't work.
Luckily ,I just found a solution on stackoverflow.Here is the post:here
Thanks again.

[ipeychev]

Great!

[thiagogarbazza]

Directive for Angular created.

<alloy-editor id="myEditor" name="myEditor" ng-model="model.content"></alloy-editor>

See this repository for more information.

[riteshjagga]

I checked that alloy-editor directive doesn't work when it is nested inside ng-show directive. It works when ng-show expression evaluates to true initially but does not work when it evaluates to false initially and made to true on some event.

[riteshjagga]

I eventually found that problem with ng-show can be solved using this code.

<div ng-show="(selectedObjectType === 'front-page')">
  <alloy-editor id="myEditor" name="myEditor" ng-model="vm.content"
                    readonly="!(selectedObjectType === 'front-page')"></alloy-editor>
    </div>

It uses readonly attribute with the value as negation of ng-show expression.

Here are references where this issue is discussed:

1. (http://ckeditor.com/forums/Support/inline-editor-div-contenteditable-when-loaded-hidden-doesnt-work.)[http://ckeditor.com/forums/Support/inline-editor-div-contenteditable-when-loaded-hidden-doesnt-work.]
2. (http://stackoverflow.com/questions/21202684/ckeditor-inline-editing-on-jquery-ui)[http://stackoverflow.com/questions/21202684/ckeditor-inline-editing-on-jquery-ui]