Assign jade variable to Angular

Question

In my application, I'm using NodeJS, Express in the backend and Angular in the frontend. I'm also using Jade template engine.

jade obtains a variable called "adv" by this code.

      res.render('page',{adv:result[0]})

In controller.js (for angular)

        $scope.content = [];

I would like to do something like

        form(ng-init="content=#{adv}") 

            h5 {{"content" + content}}

i.e. assign that jade variable to the scope. It is not working. I could use http.get and get the content directly to angular scope, but just wondering if it is possible to do this

Thanks

Do you get any errors? What does the rendered HTML look like? — ivarni
– ivarni, Commented Jul 17, 2014 at 5:57
@Mritunjay - using res.render('page',{$scope.content:result[0]}) gives "SyntaxError: Unexpected token ." — abhivij
– abhivij, Commented Jul 17, 2014 at 6:05
@ivarni - Error: [$parse:syntax] errors.angularjs.org/1.2.18/$parse/… only "content" string is displayed — abhivij
– abhivij, Commented Jul 17, 2014 at 6:08
The error hints that form(ng-init="content=#{adv}") ends up as <form ng-init="content=[object]"> so it looks like there are two problems at play here. First, jade seems to render result[0] as a JSON object and not a string (maybe try to stringify it?) and second I am pretty sure you need to use single-quotes with ng-init if you want to assign a constant and not a variable. — ivarni
– ivarni, Commented Jul 17, 2014 at 6:13

abhivij · Accepted Answer · 2014-07-18 06:25:12Z

3

This worked.

    - var str_adv = JSON.stringify(adv)

    form(ng-init="content = #{str_adv}")

or even (where getContent is a function defined in controller doing the same thing)

    form(ng-init="getContent(#{str_adv})")

Both these also parsed the string and stored the object in 'content'

But directly using

    form(ng-init="content = JSON.stringify(#{adv})")

gives the same error

It seems assigning objects in ng-init is not possible.

Thanks @ivarni for the hint about stringify

answered Jul 18, 2014 at 6:25

abhivij

1071 silver badge8 bronze badges

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

2 Comments

Maria Ines Parnisari Over a year ago

This doesn't work for me :( My code is ng-init="balance = #{balance}". What am I doing wrong?

FrankWest Over a year ago

You could also use it like this: form(ng-init="content = #{JSON.stringify(adv)}")

Collectives™ on Stack Overflow

Assign jade variable to Angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related