How to assign Jade variable to Angular bind

Question

Here is a little question, I have jade variable so i want to assign that jade variable to angular bind.

But it's return Error

Here is my Jade

- var editor = false // my variable 
.content
    .title Title

     // that i want to assign 
    - editor = {{editormode}} // $scope.editormode = true || false return
    if editor
       .title-edit

Jade compiles to HTML and the HTML will use as template in angular. How should Jade know your scope? Do you render the templates on runtime? How is your setup? More infos please. — RWAM
– RWAM, Commented May 12, 2016 at 8:49

dfsq · Accepted Answer · 2016-05-12 08:55:55Z

2

You can't use Angular scope variables in Jade control expressions. Jade compiles templates into resulting HTML used by Angular, not otherway around.

In your case you probably want ngIf directive:

- var editor = false // my variable 
.content
    .title Title 
    .title-edit(ng-if="editormode")

answered May 12, 2016 at 8:55

dfsq

193k26 gold badges244 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

iuliu.net · Accepted Answer · 2016-05-12 08:59:07Z

1

Jade is a server-side engine which has the sole purpose of generating an HTML from a template, which Angular has no interaction with. Angular is a client-side framework which works with the HTML received from the server. A way to achieve what you want is to store your editor variable into an <input type="hidden"> and then access its value via Angular.

answered May 12, 2016 at 8:59

iuliu.net

7,1958 gold badges52 silver badges72 bronze badges

Comments

Ashmore11 · Accepted Answer · 2016-05-14 07:20:44Z

0

I've never used jade and angular together before but if you are successfully passing your 'editormode' variable to the jade template then the following will work:

.content
  .title Title

  if editormode
     .title-edit

answered May 14, 2016 at 7:20

Ashmore11

1981 gold badge1 silver badge12 bronze badges

Collectives™ on Stack Overflow

How to assign Jade variable to Angular bind

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related