Блог

Я пытаюсь изменить проект ionic 1, в котором мне нужно динамически изменять текст во временном окне при его открытии.

В controller.js У меня есть:

 //Settings
  $scope.settingsData = {};
  $ionicModal.fromTemplateUrl('templates/settings.html', {
    scope: $scope
  }).then(function(modal) {
    $scope.modal2 = modal;
  });

  $scope.closeSettings = function() {
    $scope.modal2.hide();
  };

  $scope.settings = function() {
    $scope.modal2.show();
  };

  $scope.doSettings = function() {
    console.log('Doing Settings', $scope.settingsData);

    $timeout(function() {
      $scope.closeSettings();
    }, 1000);
  };
  

Шаблон выглядит следующим образом:

 <ion-modal-view>
  <ion-header-bar>
    <h1 class="title">App Settings</h1>
    <div class="buttons">
      <button class="button button-clear" ng-click="closeSettings()">Close</button>
    </div>
  </ion-header-bar>

    <div id="myid">Text in here needs to be replaced with something when it opens</div>

  </div>
</ion-content>
</ion-modal-view>
  

Итак, если у меня есть переменная:

 var myvar = 'Something to replace';
  

Затем, когда шаблон откроется, переменная выше может быть текстом в div myid, который находится в шаблоне

Как это можно сделать?

я постараюсь ответить на ваш вопрос.

в вашем контроллере :

 $scope.myvar = 'new text here !';
  

в вашем HTML-файле :

 <div id="myid">{{myvar}}</div>