How to connect in Jade to use AngularJS?

Question

Angular

In general, the problem is understandable at first glance, but I can’t find how to solve even in Google
. The bottom line is that I set up the gulp + browser sync project to work with jade / stylus in the project, you need to use angular.
With directives, everything seems to be clear and simple
html(ng-app="detboxAdminApp")
, but how to deal with

input(type='text', ng-model="word")
                            {{world}}

jade swears at them and the syntax is not highlighted.
I work in PHPStorm.

Answer 1

input(type='text', ng-model="word")
| {{world}}

bindings must be arranged as the content of the elements. Well, yes, input cannot have nested elements, and from your code it turns out that you want it this way.

Answer 2

try like this:

input(type='text', ng-model="word")
                            | {{world}}

or

input(type='text', ng-model="word").
                            {{world}}

or

input(type='text', ng-model="word")
                            ="{{world}}"

but in general this is an input, there you need to write in value

input(type='text', ng-model="word", value="{{world}}")