WedX - журнал о программировании и компьютерных науках

$routeProvider не передает контроллер моему шаблону

Я попытался динамически загрузить шаблон в angular с помощью ngRoute... Проблема в том, что я использую этот код:

(конфигурация маршрута app.js)

app.config(function($routeProvider) {
    $routeProvider.when("/password", {
        templateUrl : "../password/index.html",
        controller: 'LoginController',
        controllerAs : 'loginCtrl',
        reloadOnSearch : false
    });
});

Это шаблон HTML (../password/index.html)

<div class=" et_pb_row et_pb_row_0">
   ....
 <form ng-submit="loginCtrl.controllaPassword()">
   ....
</div>

(контроллер app.js)

this.controllaPassword = function(){
    alert("kuajia");
};

На данный момент код появляется на главной html-странице (login.html), где я объявляю ng-app, но он не отображает предупреждение.

11.10.2017

  • et_pb_row et_pb_row_0 этот div находится внутри LoginCtrl? 11.10.2017
  • нет, он находится внутри ../password/index.html, но я хочу загрузить этот HTML-код внутри login.html (основной код, где я объявил ng-app в теге HTML и куда я прикрепил все скрипты (также приложение .js где я прописал контроллер)) 11.10.2017
  • если элемент, который хочет использовать какой-либо контроллер вашего приложения, не находится внутри контроллера, он не будет работать, я внутри вашего шаблона должен объявить ваш контроллер не в login.html 11.10.2017
  • пытался, но не получилось 11.10.2017

Ответы:


1

У вас проблема, кажется, в наборе текста. Псевдоним вашего контроллера (controllerAs) не совпадает с вашим html-шаблоном.

Попробуйте этот HTML-шаблон, как показано ниже.

<div class=" et_pb_row et_pb_row_0">
   ....
 <form ng-submit="LoginCtrl.controllaPassword()">
   ....
</div>
11.10.2017
  • Кажется, все хорошо, вам просто нужно перейти на страницу пароля, чтобы выполнить это предупреждение. Убедитесь, что вы правильно используете директиву ng-view. 11.10.2017
  • Новые материалы

    Как создать диаграмму градиентной кисти с помощью D3.js
    Резюме: Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..

    Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
    Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

    Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
    В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..

    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..


    Для любых предложений по сайту: [email protected]