getelementbyid in Ionic popup

Question

Я бы хотел вызвать всплывающее меню и функцию js с помощью одной кнопки. Мне нужно изменить текст в popup с помощью этой функции. Мой Всплывающее код:

angular.module('starter') 
    .controller('PopupCtrl', function($scope, $ionicPopup, $timeout) { 
    $scope.showAlert = function() { 
     var alertPopup = $ionicPopup.alert({ 
     title: '<div id="location-status"></div>', 
     template: '<div class="text-center"><ion-spinner icon="ripple" class="spinner-positive"></ion-spinner></div>' 
     }); 
    }; 
    }); 

Функция проста до сих пор:

function writeText() { 
    document.getElementById("location-status").innerHTML = "Some text" 
} 

И кнопка:

<button class="button button-icon icon ion-android-locate" ng-click="showAlert()" onclick="writeText()"></button> 

Это работает, когда мой DIV ID = "место-статус" находится где-то в index.html. Он не работал в всплывающем окне. Что не так?

Answer 1

Вы можете использовать директиву ng-bind, чтобы добавить текст туда. Используйте ng-click вместо onclick

Код

$scope.showAlert = function() { 
    var alertPopup = $ionicPopup.alert({ 
    title: '<div id="location-status" ng-bind="textToBeShown"></div>', 
    template: '<div class="text-center"><ion-spinner icon="ripple" class="spinner-positive"></ion-spinner></div>' 
    }); 
}; 

$scope.writeText = function(){ 
    $scope.textToBeShown = "Some Text." 
} 

Update

$ionicPopup.alert возвращает обещание, вы можете использовать функцию .then над ним. Как вы хотите получить доступ к всплывающему окну DOM. Внутри функции .then вы можете отобразить DOM на странице. Вы можете вызвать метод writeText.

$scope.showAlert = function() { 
    var alertPopup = $ionicPopup.alert({ 
    title: '<div id="location-status" ng-bind="textToBeShown"></div>', 
    template: '<div class="text-center"><ion-spinner icon="ripple" class="spinner-positive"></ion-spinner></div>' 
    }).then(function(){ 
     writeText(); //Native javascript function. 
    }) 
}; 

Я не призываю вас делать это, делать манипуляции DOM этим способом рассматривается как BAD узор в AngularJS