Arhn - архитектура программирования

Функция выбора вкладки начальной загрузки angular-ui при нажатии

Я пытаюсь вызвать функцию выражения при выборе вкладки с помощью начальной загрузки angular ui, однако выражение не вызывается, но проверяет в угловом инспекторе функцию/выражение: ниже моя работа с кодом:

NB: другие вкладки работают правильно

Угловой вид

<uib-tab ng-click="vm.alertMe" select="" heading="New Invoice">
                          .....
 </uib-tab>

контроллер используется как виртуальная машина

vm.alertMe = alertMe;

 function alertMe() {
            setTimeout(function() {
              $window.alert('You\'ve selected the alert tab!');
            });
          } 

  • Пожалуйста, не редактируйте ответы в своих вопросах. Если у вас есть ответ, опубликуйте его ниже и отметьте как принятый. 15.12.2015

Ответы:


1

Вы не вызываете функцию в своем DOM.

вместо этого:

<uib-tab ng-click="vm.alertMe" select="" heading="New Invoice">

вы должны называть это так:

<uib-tab ng-click="vm.alertMe()" select="" heading="New Invoice">
15.12.2015
  • См. выше stackoverflow.com/a/34246855/1226748: я не звонил в службу $window 15.12.2015

  • 2

    Почему бы не определить функцию alertMe непосредственно в файле vm. Я не вижу весь ваш код. Я предполагаю, что это должно работать, если ваша виртуальная машина правильно назначена как this в контроллере. Также убедитесь, что в html правильно определен ваш контроллер. Дай мне знать :)

    vm.alertMe = function() {
                  setTimeout(function() {
                   $window.alert('You\'ve selected the alert tab!');
                  });
                 } 
    
    13.12.2015
  • Я решил это: я не вызывал службу $window к контроллеру 14.12.2015
  • О, вы имеете в виду, что забыли ввести это? 15.12.2015
  • О, да вроде торопится закончить приложение! 15.12.2015

  • 3

    Всегда вводите имена базовых служб, которые вы используете в своем угловом приложении, в приведенном выше примере я не вызывал: $window служба, которая привела к ошибке/ошибке. Мой окончательный контроллер выглядит следующим образом:

    function() {
    
        'use strict';
    
        angular
            .module('app.patients')
            .controller('PatientsController', PatientsController);
    
        PatientsController.$inject = ['$http','$window'];
        /* @nginject */
        function PatientsController($http, $window) { 
           vm.alertMe = function() {
    
                 $window.alert('You\'ve selected the alert tab!');
               }
         }
    }
    

    и вид,

    <uib-tab  select="vm.alertMe()" heading="New Invoice">
                              .....
     </uib-tab>
    
    15.12.2015
    Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..