@artjerom

Почему не работает ng-controller в jade?

Не работает ng-controller и все что после него. Пробовал написать на html и все заработало.

<!DOCTYPE html>
html(lang="ru" ng-app="DemoCtrl")
head
  meta(charset="UTF-8")
  link(rel="stylesheet", href="css/style.css")
  script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js")
  script(src="js/all.js")
  title appEx
body

  .container
   {{ 2 + 8 }} //-работает
    h1 ExampleApp

    form.search#search
     p.text-search
       input.field-search(type="search" name="search" placeholder="Поиск по сайту")
       input.button-search(type="submit" value="Найти")

    hr

    .books(ng-controller="example")
      .book
        {{ 2+12 }} //-не работает
        h3.work {{name}} //-не работает


Вот код js файла:

var DemoCtrl = angular.module('DemoCtrl', []);

    DemoCtrl.controller('example', function ($scope) { 
        $scope.name = "lorem ipsum dolor"
    });
  • Вопрос задан
  • 260 просмотров
Решения вопроса 1
@akonyushevskiy
Full-stack javascript разработчик
https://output.jsbin.com/besujeqeke - все работает, проверяйте отступы в jade или сборку в html.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
VIKINGVyksa
@VIKINGVyksa
front-end developer
Ну так попробуйте на другую строку перенести {{name}} ведь {{ 2 + 8 }} на одной строке а {{name}} на одной строке с h3.work
Ответ написан
Комментировать
@artjerom Автор вопроса
Нужно было убрать плагин gulp-uglify. Т.к. он заменяет $scope
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
25 нояб. 2024, в 18:39
30000 руб./за проект
25 нояб. 2024, в 18:35
30000 руб./за проект
25 нояб. 2024, в 18:33
10000 руб./за проект